uni設置scroll-top爲0無效

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 就有效果了

其他情況如果直接設置無效時,也可以用類似的方法

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章