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 獲取協...