該scrollY只讀屬性返回文檔在垂直方向已滾動的像素值。
該scrollY屬性是pageYOffset屬性的別名。
window.scrollY
var x = window.scrollX; var y = window.scrollY;測試看看?/?
注意: scrollX和scrollY屬性等于pageXOffset和pageYOffset屬性。
表中的數(shù)字指定了完全支持scrollY屬性的第一個瀏覽器版本:
屬性 | ![]() | ![]() | ![]() | ![]() | ![]() |
scrollY | 是 | 55 | 是 | 是 | 9 |
返回值: | 一個數(shù)字,表示文檔從頂部開始滾動過的像素值 |
---|
將內(nèi)容滾動100像素,并顯示scrollX和scrollY:
window.scrollBy(100, 100); var x = window.scrollX; var y = window.scrollY;測試看看?/?
跨瀏覽器解決方案(對于IE8和更早版本,使用scrollLeft和scrollTop):
var x = (window.scrollX !== undefined) ? window.scrollX : (document.documentElement || document.body.parentNode || document.body).scrollLeft; var y = (window.scrollY !== undefined) ? window.scrollY : (document.documentElement || document.body.parentNode || document.body).scrollTop;測試看看?/?
窗口(Window)參考:window.pageXOffset屬性
窗口(Window)參考:window.pageYOffset屬性
窗口(Window)參考:window.scrollX屬性
HTML DOM參考:element .scrollLeft屬性
HTML DOM參考:element .scrollTop屬性