scroll-view 回到顶部

曲小强

于 2021-07-29 11:10:34 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序

本文链接：https://blog.youkuaiyun.com/quhongqiang/article/details/119206783

小程序专栏收录该内容

12 篇文章

订阅专栏

这篇博客讨论了如何在Vue中使用<scroll-view>组件处理滚动事件。内容包括设置scroll-y属性和scroll-top绑定，以及如何在toggleNav方法中利用旧的scrollTop值来控制视图的滚动状态。示例代码展示了scrollP事件监听器和数据更新的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<scroll-view  scroll-y :scroll-top="scrollTop" @scroll="scrollP"></scroll-view>

data() {
	scrollTop: 0,
    old: {
        scrollTop: 0
    },
}
scrollP(e) {
  this.old.scrollTop = e.detail.scrollTop;
},
toggleNav() {
      this.scrollTop = this.old.scrollTop
      this.$nextTick(() => {
          this.scrollTop = 0;
      });
},