scroll-view 回到顶部

最新推荐文章于 2025-10-13 15:50:36 发布

原创最新推荐文章于 2025-10-13 15:50:36 发布 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

小程序专栏收录该内容

12 篇文章

订阅专栏

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

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