uniapp scroll-view scroll-top 自动滚动到最上面/最下面

作者：AllinToyou | 2024-04-08 08:19:40

踩

uniapp scroll-view scroll-top

如题，以滚动到最上面为例。

方法

uniapp 的scroll-view标签有一个@scroll的属性，官方解释：
滚动时触发，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}.。
还有一个scroll-top属性用来控制竖直滚动条的位置。
操作就是，当你想要滚动到最上面时，触发事件，将scroll-top设为0就滚动到最上面了，@scroll可以记录你上次的位置，你要想滚上去又滚下来就记录@scroll的值，来回赋值就ok了。

缺点和问题

我在实际使用的时候发现，当你scroll-view增加了scroll-top这样的属性，你在滚动的时候滚动区域会抖动影响体验，后面就干脆不做这个了，也没硬性需求要做，如果你有更好的方法可以告诉我，有总比没有好。

本文内容由网友自发贡献，转载请注明出处：https://www.wpsshop.cn/w/AllinToyou/article/detail/384080

uniapp scroll-view scroll-top 自动 滚动到最上面/最下面

方法

缺点和问题

uniapp scroll-view scroll-top 自动滚动到最上面/最下面