vue如何實現滑動到指定位置

2021-10-10 11:51:56 字數 581 閱讀 8792

在vue中,有三種方式可以實現h5頁面滑動至指定位置

//先獲取目標位置距離

mounted() )

})

}

//再滑動指定距離

document.body.scrolltop = this.target;

this.$nexttick(() => )

document.getelementbyid("target").scrollintoview();
方法1,滑動至的元素不能是display:none,存在相容問題,親測在部分ios機子上document.body.scrolltop滑動無效。

方法2,未親測過,但在this.$nexttick(()裡執行滑動,感覺有點麻煩。

方法3,親測可用,ios和android都可。只是要注意,如果頁面有監聽scroll事件,scrollintoview也會觸發scroll事件的。

滾動條滑動到指定位置

廢話不多說直接 css樣式 scroll layer scroll layer p scroll layer input scroll layer button html 能夠輸入的值 100,500,1000,1500,2000,2500,2652 開始滑動 jquery的js function ...

js滾動到指定位置

向上的滾動距離,或者說滾動出可視區域的距離 獲得滾動的畫素數 var intelemscrolltop someelement.scrolltop 設定滾動的距離 element.scrolltop intvalue scrolltop賦值為負數的時候,scrolltop賦值為0 如果乙個元素不能滾...

頁面如何自動滾動到指定位置

如何實現頁面載入完成後自動滾動到指定的位置?window.location.hash 注意到url後面帶有 comm這個引數。當頁面載入完畢後,瀏覽器就會自動滾動到dom物件id comm 的位置。附window.location的其他屬性 hash 設定或獲取 href 屬性中在井號 後面的分段。...