美文网首页
mpvue点击触发scroll-view滚动条置零

mpvue点击触发scroll-view滚动条置零

作者: 斐硕人 | 来源:发表于2019-06-06 09:58 被阅读0次
    <li @click="onClick()"></li>
    
    <div id="content" :scroll-y="true" :scroll-top="scrollTop" @scroll="scroll">
    
    data(){
      return{
        scrollTop: '', // scroll-view 滚动条具体顶部的距离
      }
    }
    
    methods:{
      scroll(e) {
        // 滚动时改变 scroll-top;否则在重复回到锚点时会失效
        this.scrollTop = '';
      },
      onClick(){
        this.scrollTop = '0'; // scroll-top 接受数字或字符串值
      },
    }
    

    相关文章

      网友评论

          本文标题:mpvue点击触发scroll-view滚动条置零

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