JS滾動事件及滾動條位置設定

2021-09-26 10:38:08 字數 693 閱讀 6591

為了學習js的滾動事件,我們先來認識dom的幾個屬性
1.scrolltop獲取或設定乙個元素的內容垂直滾動的畫素數,當乙個元素的內容沒有產生垂直方向的滾動條,那麼它的 scrolltop 值為0

2.scrollheight

scrollheight(內容的實際高度+上下padding《如果沒有限制div的height,即height是自適應的,那麼scrollheight=clientheight>)

3.scrollheight

clientheight(height+padding,不包含邊框),可以理解為元素可視區域高度

如下圖布局: 控制台列印結果如下:

//判斷元素是否出現了滾動條

if(ele.scrollheight > ele.clientheight) ,500);

}每次增加對話方塊時,判斷chatcontainer的『真實高度』有沒有超出『實際高度』

若超出就把滾動條滾動到最底部

js網頁滾動條滾動事件

獲取座標 ie event.x event.y 獲取滾動條位置 document.body.scrolltop 滾動條離頁面最上方的距離 document.body.scrollleft 滾動條離頁面最左方的距離 當我用js獲取當前垂直或者水平方向滾動條位置的時候,使用 document.body....

使用js或者jq設定滾動條滾動位置

js原生設定x軸和y軸就乙個方法,首先獲取到dom物件,然後設定位置即可,dom.scrollto x,y x為水平方向的滾動條位置,y為垂直方向的滾動條位置如果只想設定y軸的滾動條位置,首先需要獲取到當前x軸的滾動條位置,然後再設定y軸,如 dom.scrollto dom.scrollleft,...

js獲取滾動條位置

獲取座標 ie event.x event.y 獲取滾動條位置 document.body.scrolltop 滾動條離頁面最上方的距離 document.body.scrollleft 滾動條離頁面最左方的距離 當我用js獲取當前垂直或者水平方向滾動條位置的時候,使用 document.body....