vant-list + toast分页加载,数据加载后会滚动至顶部

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

猜你喜欢

转载自blog.csdn.net/qq_34164814/article/details/124174223