美文网首页
better-scroll中嵌套原生滚动组件,原生滚动组件失效问

better-scroll中嵌套原生滚动组件,原生滚动组件失效问

作者: Pumpkincc | 来源:发表于2020-06-30 11:15 被阅读0次
    hips-scroll(better-scroll)内部嵌套原生横向滚动组件,横向滚动组件失效问题

    问题描述: 滑动外部竖向组件区域(better-scroll),滑动正常,但是当滑动横向组件时,滚动条还是外部竖向滚动区域,点选不到内部原生横向滚动组件区域;
    解决办法: 在内部原生横向滚动组件加上阻止冒泡事件,以防滑动事件冒泡到外部竖向滑动事件.

    mounted(){
      this.$refs.scroll.addEventListener('touchstart', (e) => { 
        e.stopPropagation();
      });
    }
    

    相关文章

      网友评论

          本文标题:better-scroll中嵌套原生滚动组件,原生滚动组件失效问

          本文链接:https://www.haomeiwen.com/subject/dkgtqktx.html