前言:最近工作中,有這樣一個場景,判斷一個元素是否在滾動的可視區域內,不在就固定到可視區域的上方。為了以后再次遇到,所以記錄下來,並分享。轉載請注明出處:https://www.cnblogs.com/yuxiaole/p/9302392.html 網站地址 ...
應用場景:只要頁面加載了,其中在頁面中出現的li就向控制台輸出第幾個發送請求 在本次加載的頁面中,再將滾動條滾回前邊的li,不再向控制台輸出東西,也就是說已經顯示過的li,不再向控制台輸出東西。 lt body gt lt ul gt lt li onclick jumpOther gt lt li gt lt li gt lt li gt lt li gt lt li gt lt li gt l ...
2019-08-29 15:30 0 2377 推薦指數:
前言:最近工作中,有這樣一個場景,判斷一個元素是否在滾動的可視區域內,不在就固定到可視區域的上方。為了以后再次遇到,所以記錄下來,並分享。轉載請注明出處:https://www.cnblogs.com/yuxiaole/p/9302392.html 網站地址 ...
老是忘記這個函數名,記錄一下啊 ...
如果頁面有頭部置頂和底部置底的元素,需要自行進行計算: scrollTop + 頭部置頂元素高度 screenHeight - (置頂和置底元素的高度) ...
介紹 Element.getBoundingClientRect()方法返回元素的大小及其相對於視口的位置。 根據MDN文檔 getBoundingClientRect 方法返回的是一個DOMRect對象 DOMRect 對象包含了一組用於描述邊框的只讀屬性left、top ...
Element.scrollIntoView() 方法讓當前的元素滾動到瀏覽器窗口的可視區域內 =================================================================== element.scrollIntoView ...
...
Element.scrollIntoView() 方法讓當前的元素滾動到瀏覽器窗口的可視區域內 語法 參數 alignToTop (Boolean型參數) scrollIntoViewOptions (Object型參數 ...
下面看代碼吧 ...