vant-list + toast分页加载,数据加载后会滚动至顶部
主要原因是 toast组件在全局添加了 pointer-event:none
解决办法,在对应的van-list的属性值添加 pointer-event
.volunteer-list {
position: relative;
width: 100%;
height: 100%;
background-color: #fff !important;
pointer-events: auto !important;
* {
pointer-events: auto !important;
}
.list { /**这里是van-list*/
position: relative;
width: 100%;
height: 100%;
overflow: auto;
padding: 10px 14px;
}
}
这时候会出现一个新的问题,在toast的loading等待时候,页面依旧可以操作
解决办法,在toast上添加伪类遮罩层,全局添加css,并阻止鼠标事件穿透
.van-toast::before {
content: '';
display: block;
position: fixed;
z-index: 9999;
width: 100vw;
height: 100vh;
pointer-events: visiblestroke;
}