JS控制滾動條滾動的位置

方法一:用scroll方法實現滾動條位於最底端。

<body οnlοad="scroll(0,document.body.scrollHeight) "> 

方法二:用scrollBy方法實現滾動條位於最右端。

<body οnlοad="scrollBy(document.body.scrollWidth,0) ">

方法三:用scrollTo方法實現水平滾動條和縱向滾動條均居中。

<body οnlοad="scrollTo(document.body.scrollWidth/2,document.body.scrollHeight/2)">

雖然使用scroll、scrollBy和scrollTo方法的效果一樣,但是彼此之間還是有一些區別的。
經測試如果使用某一確定的位置參數時,不需要帶單位,例據頂端300像素:

<body οnlοad="scroll(0,300) ">

JS控制滾動條的位置:
window.scrollTo(x,y);

豎向滾動條置頂(window.scrollTo(0,0);
豎向滾動條置底 window.scrollTo(0,document.body.scrollHeight)

JS控制TextArea滾動條自動滾動到最下部

document.getElementByIdx_x('textarea').scrollTop = document.getElementByIdx_x('textarea').scrollHeight


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章