js中scroll滾動相關

2021-10-01 18:08:52 字數 777 閱讀 4049

scroll,滾動,一般討論的是網頁整體與瀏覽器之間的關係。

屬性/方法

解釋element.scrollheight

返回元素的整體高度。

element.scrollwidth

返回元素的整體寬度。

element.scrollleft

返回元素左邊緣與檢視之間的距離。

element.scrolltop

返回元素上邊緣與檢視之間的距離。

這四個屬性,全部是唯讀屬性

其中,無非就是分為寬高左上

兩個方向。

1.scrollby(x,y)

scrollby(x,y)方法滾動當前window中顯示的文件,x和y指定滾動的相對量。

scrollby(0, 200) ==> 使得滾動條y軸的位置,在當前的基礎上增加200。比如:當前y軸位置為0,執行後便是200;當前為100,執行後便是300。

專門建立的學習q-q-u-n: 731771211,分享學習方法和需要注意的小細節,不停更新最新的教程和學習技巧

(從零基礎開始到前端專案實戰教程,學習工具,全棧開發學習路線以及規劃)

2.scrollto(x,y)

scrollto(xpos,ypos)

scrollto(x,y)方法:滾動當前window中顯示的文件,讓文件中由座標x和y指定的點位於顯示區域的

js中scroll滾動相關

scroll,滾動,一般討論的是網頁整體與瀏覽器之間的關係。屬性 方法 解釋element.scrollheight 返回元素的整體高度。element.scrollwidth 返回元素的整體寬度。element.scrollleft 返回元素左邊緣與檢視之間的距離。element.scrollto...

JS基礎 關於滾動條scroll

這裡主要介紹滾動條的位置,查詢文件當前水平和垂直的滾動的畫素數,以及怎麼改變他們的值 我們可以發現在很多網頁的導航以及側邊導航都根據了滾動條的長度來進行了一些設定,那麼我們如何獲取他呢?var scrolltop document.documentelement.scrolltop document...

頁面滾動事件scroll

在mounted鉤子函式裡面註冊scroll事件 mounted window.addeventlistener scroll this.about methods 判斷元素到達當前視窗的什麼位置 簡介 let isup true let titlediv document.getelementsb...