圖:
思路:js滾動監聽:
document.
onscroll
=function()
某個位置h
,停留時間t
1.判斷滾動條停止滾動,此時位置為高度h1
。開始計時t1
2.停留時,滾動條的高度是不變的。所以只要滾動條位置不變,那就是在停留中。
3.讀取當前位置h2
,判斷h2
與h1
是否相同,否的話,滾動條位置變化,也就是離開當前位置h1
了。記錄h2
位置時間點t2
。
4.綜上,在h1
位置的停留時間t=t2-t1
完善方案:
1.剛開啟頁面若是沒有滾動,onscroll
事件則監測不了位置變化。此時,在頁面開啟的位置停留的時間沒有被記錄到,所以要考慮到這個情況。
2.關閉頁面或者重新整理頁面時,同樣是沒有滾動動作的,onscroll
事件則監測不了位置變化。此時,關閉頁面前最後乙個位置的停留時間沒有被記錄到,這個情況也要考慮到這個情況。
js獲取某個元素距離瀏覽器的邊距
1.偏移參照 offsetparent 在理解偏移大小之前,首先要理解offsetparent。人們並沒有把offsetparent翻譯為偏移父級,而是翻譯成定位父級,很大原因是offsetparent與定位有關 定位父級offsetparent的定義是 與當前元素最近的經過定位 position不...
js判斷當前瀏覽器頁面是否切換
公司做mifi裝置,ui介面很多資訊需要1s鐘不斷非同步請求更新資訊,如果同時開啟多個瀏覽器或者多個當前介面,裝置1s鍾會收到很多個請求,由於裝置本身記憶體限制,會導致響應速度過慢,且會造成裝置重啟等。所以需要我們只對停在當前介面的頁面請求進行處理,其他切換掉的介面不再下發請求。頁籤切換或觸發瀏覽器...
js監聽頁面是否在瀏覽器當前頁面
在最近的乙個socket專案中,需要監聽客戶端是否已讀客服端傳送的訊息。這裡用到了html5中document新增了乙個事件 visibilitychange,這個事件在頁面前台或後台切換時被觸發,它也有個對應的屬性visibilitystate,用於檢測當前頁面的狀態值為hidden還是visib...