window屬性：scrollY

scrollY屬性

Window接口的只讀scrollY屬性返回文檔當(dāng)前垂直滾動的像素數(shù)。這個值在現(xiàn)代瀏覽器中是亞像素精確的，這意味著它不一定是整數(shù)。您可以從scrollX屬性中獲取文檔水平滾動的像素數(shù)。

scrollY屬性語法

var y = window.scrollY

scrollY屬性值

實際上，返回值是一個雙精度浮點值，表示文檔當(dāng)前從原點垂直滾動的像素數(shù)，其中正值表示內(nèi)容向上滾動。如果文檔在亞像素精確設(shè)備上呈現(xiàn)，則返回的值也是亞像素精確的，并且可以包含小數(shù)部分。如果文檔沒有向上或向下滾動，則scrollY為0。

如果需要整數(shù)值，可以使用Math.round()來四舍五入它。

在更多技術(shù)術(shù)語中，scrollY返回當(dāng)前視口頂邊的Y坐標(biāo)。如果沒有視口，則返回值為0。

scrollY屬性示例

// make sure and go down to the second page 
if (window.scrollY) {
  window.scroll(0, 0);  // reset the scroll position to the top left of the document.
}

window.scrollByPages(1);

筆記

使用此scrollY屬性來檢查使用相對滾動函數(shù)（例如，scrollBy()，scrollByLines()或scrollByPages()）時文檔是否已滾動。

該pageYOffset屬性是該scrollY屬性的別名：

window.pageYOffset == window.scrollY; // always true

對于跨瀏覽器兼容性，請使用window.pageYOffset而不是window.scrollY。此外，舊版本的Internet Explorer（<9）不支持任何屬性，必須通過檢查其他非標(biāo)準(zhǔn)屬性來解決。一個完全兼容的例子：

var supportPageOffset = window.pageXOffset !== undefined;
var isCSS1Compat = ((document.compatMode || "") === "CSS1Compat");

var x = supportPageOffset ? window.pageXOffset : isCSS1Compat ? document.documentElement.scrollLeft : document.body.scrollLeft;
var y = supportPageOffset ? window.pageYOffset : isCSS1Compat ? document.documentElement.scrollTop : document.body.scrollTop;

規(guī)范

瀏覽器兼容性