微信小程序scroll-view一键回到顶部，动态绑定了scroll-top值，滑动会发生抖动_:scroll-top="scrolltop

作者：菜鸟追梦旅行 | 2024-04-08 08:21:35

踩

:scroll-top="scrolltop

使用场景：在scroll-view中需要一键返回顶部

使用方法：动态绑定:scroll-top="scrollTop"

出现问题：动态绑定了scroll-top="scrollTop"，在@scroll方法中监听了滚动事件，并且在监听过程中把滚动值赋予scrollTop，


    scrolling(e) {
      this.scrollTop = e.target.scrollTop
    },

这个时候会发现在滚动过程中页面会闪烁，我猜是实际滚动之与赋予值有点小差异才会这样，因为只要动态绑定了scroll-top，在滚动的过程中会自动记录滚动的高度，不需要再监听这个值的变化然后赋值

此时一键回到顶部只需要scrollTop值设置为0

toTop() {

this.scrollTop = this.scrollTop== 0 ? -1:0;

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/384091