Closed Rem486 closed 6 years ago
需求:需要有一键返回顶部功能。 对小程序组件 scroll-view 绑定 :scroll-top="scrollTop" ,通过改变scrollTop的值来实现返回顶部的功能。 问题复现步骤:
:scroll-top="scrollTop"
<scroll-view class="h100" scroll-y :scroll-top="scrollTop" scroll-with-animation="true">
scrollTop:0
goToTop () { this.scrollTop = 0 }
期望的表现: 可以实现返回顶部功能。
观察到的表现: 之后通过增加了监听scroll方法,然后动态给scrollTop赋值的方法,实现了滚动到了顶部,但是抖动异常严 重,而且返回顶部的图标会偶尔消失。 <scroll-view class="h100" scroll-y @scroll="scroll" :scroll-top="scrollTop" scroll-with-animation="true"> 屏幕截图和动态 GIF 图
<scroll-view class="h100" scroll-y @scroll="scroll" :scroll-top="scrollTop" scroll-with-animation="true">
![复现步骤的屏幕截图和动态 GIF 图](图片的 url)
大概是我理解错了,小程序原生写法就需要在滚动的时候手动设置 scrollTop 的值。
所以你最后实现了吗?还是没解决?
[问题简单描述]
需求:需要有一键返回顶部功能。 对小程序组件 scroll-view 绑定
:scroll-top="scrollTop"
,通过改变scrollTop的值来实现返回顶部的功能。 问题复现步骤:<scroll-view class="h100" scroll-y :scroll-top="scrollTop" scroll-with-animation="true">
scrollTop:0
,返回顶部方法,直接修改scrollTop的值。goToTop () { this.scrollTop = 0 }
期望的表现: 可以实现返回顶部功能。
观察到的表现: 之后通过增加了监听scroll方法,然后动态给scrollTop赋值的方法,实现了滚动到了顶部,但是抖动异常严 重,而且返回顶部的图标会偶尔消失。
<scroll-view class="h100" scroll-y @scroll="scroll" :scroll-top="scrollTop" scroll-with-animation="true">
屏幕截图和动态 GIF 图![复现步骤的屏幕截图和动态 GIF 图](图片的 url)