1. 程式人生 > 遊戲資訊 >美杜莎火龍傳奇之黑暗光年《完結攻略》

美杜莎火龍傳奇之黑暗光年《完結攻略》

在做監聽瀏覽器螢幕變化時,尤其是螢幕上下滑動時,要方便使用者,新增一個返回頂部的功能,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) } } },