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;
}
Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐