當前位置:首頁 » 網頁前端 » 精易web瀏覽器滾動條
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

精易web瀏覽器滾動條

發布時間: 2023-06-14 11:17:19

⑴ WEB開發 - 關於刷新頁面後獲取瀏覽器滾動條位置

獲取坐標: IE (event.x event.y)

獲取滾動條位置:

document.body.scrollTop (滾動條離頁面最上方的距離)

document.body.scrollLeft (滾動條離頁面最左方的距離)

當我用js獲取當前垂直或者水平方向滾動條位置的時候,使用"document.body.scrollTop"或者"document.body.scrollLeft"是無效的,得到的數值永遠是0。但是,當寫在「onscroll」事件裡面的時候,上述方法可以獲得當前滾動條的位置。

當網頁最前面有以下內容:

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

document.documentElement.scrollTop (滾動條離頁面最上方的距離)

document.documentElement.scrollLeft (滾動條離頁面最左方的距離)

所以為了准確取得當前滾動條的位置,正確的使用方法是:

document.documentElement.scrollTop:垂直方向
document.documentElement.scrollLeft:水平方向