大夥都超限了,小老弟咋回事丨武器前瞻
阿新 • • 發佈:2022-04-05
在做監聽瀏覽器螢幕變化時,尤其是螢幕上下滑動時,要方便使用者,新增一個返回頂部的功能,pc端還好,但是在移動端會根據不用的手機會有相容性的問題,所以就要進行一個判斷來進行這樣一個功能
首先需要一個計時器
this.timer = setInterval(this.play,1);
然後宣告計時器裡定義的方法函式,在方法裡對螢幕動態進行監聽,因為相容性的問題還要進行判斷
play(){ this.winScrollTop = document.documentElement.scrollTop || document.body.scrollTop; console.log(this.winScrollTop) console.log( document.body.scrollTop) // this.winScrollTop -= 5 if(document.documentElement.scrollTop == 0) { document.body.scrollTop=0 if ( document.body.scrollTop <= 0) { clearInterval(this.timer) } }else { document.documentElement.scrollTop=0 if (document.documentElement.scrollTop <= 0) { clearInterval(this.timer) } } },