JS 獲取當前頁面的滾動條位置的相容

2021-10-23 13:47:53 字數 1442 閱讀 6855

const

getscrollposition

=(el = window)

=>()

;getscrollposition()

;//

獲取當前頁面滾動條縱座標的位置:document.body.scrolltop與document.documentelement.scrolltop

獲取當前頁面滾動條橫座標的位置:document.body.scrollleft與document.documentelement.scrollleft

pagexoffset 和 pageyoffset 屬性返回文件在視窗左上角水平和垂直方向滾動的畫素。*

ie6/7/8:

可以使用document.documentelement.scrolltop;

ie9及以上:

可以使用window.pageyoffset或者document.documentelement.scrolltop

safari:

safari:window.pageyoffset與document.body.scrolltop都可以;

firefox:

火狐等等相對標準些的瀏覽器就省心多了,直接用window.pageyoffset 或者document.documentelement.scrolltop ;

chrome:

谷歌瀏覽器只認識document.body.scrolltop;

可以使用window.pageyoffset

window pagexoffset和pageyoffset屬性

其定義:pagexoffset 設定或返回當前頁面相對於視窗顯示區左上角的 x 位置。pageyoffset 設定或返回當前頁面相對於視窗顯示區左上角的 y 位置。

所有主流瀏覽器都支援 pagexoffset 和 pageyoffset 屬性。

注意:ie 8 及 更早 ie 版本不支援該屬性,但可以使用 「document.documentelement.scrollleft」 和 「document.documentelement.scrolltop」 屬性 。

由於谷歌相容問題,可以使用document.body.scrollleft和document.body.scrolltop或者window.pagexoffset與window.pageyoffset。

var scrolltop = document.documentelement.scrolltop || window.pageyoffset || document.body.scrolltop;
js獲取視口高度,滾動高度,文件高度==>傳送門

js獲取滾動條位置

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

js獲取當前頁面的url

設定或獲取物件指定的檔名或路徑。設定或獲取整個 url 為字串。設定或獲取與 url 關聯的埠號碼。設定或獲取 url 的協議部分。設定或獲取 href 屬性中在井號 後面的分段。設定或獲取 location 或 url 的 hostname 和 port 號碼。設定或獲取 href 屬性中跟在問號...

JS獲取當前頁面的URL

var url url window.location.href 獲取完整url alert url url window.location.pathname 獲取檔案路徑 檔案位址 alert url test index.html url window.location.protocol 獲取協...