uniapp裏面使用scroll-view 組件,動態設置scroll-top 屬性來控制滾動高度,但是當想滾動到起始位置時 設置動態值爲0 時無效的。
具體原因還在找,但是找到了解決方法。
首先要定義一個變量記錄滾動條的位置
<scroll-view :style="{'background-color': currentTheme.backgroundColor}"
@scroll="scrollChange"
:scroll-top="scrollTop"
:scroll-with-animation="scrollAnimation"
scroll-y="true" >
用 @scroll="scrollChange" 監聽 滾動條變化
scrollChange (e) {
this.lastScrollY = e.detail.scrollTop;
},
定義一個變量 存滾動的位置
當需要滾動到 初始值的時候
that.scrollAnimation = false;//是否有過度效果
that.scrollTop = that.lastScrollY
that.$nextTick(function(){
that.scrollTop = 0;
})
先將滾動的當前高度賦值給scrollTop 然後設置爲0 就有效果了
其他情況如果直接設置無效時,也可以用類似的方法