将内容滚动 100 像素,并提醒scrollX和scrollY:
window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);
亲自试一试 »
下面有更多示例。
这个scrollY
属性返回文档从窗口左上角滚动的像素。
这个scrollY
属性是只读的。
这个scrollY
属性等于pageYOffset
属性。
为了跨浏览器兼容性,请使用 window.pageYOffset 而不是 window.scrollY。
window.scrollY
scrollY
类型 | 描述 |
一个号码 | 文档从窗口左上角滚动的像素数。 |
创建粘性导航栏:
// Get the navbar
const navbar = document.getElementById("navbar");
// Get the offset position of the navbar
const sticky = navbar.offsetTop;
// Add the sticky class to the navbar when you reach its scroll position. Remove the sticky class when you leave the scroll position.
function myFunction() {
if (window.scrollY >= sticky) {
navbar.classList.add("sticky")
} else {
navbar.classList.remove("sticky");
}
}
亲自试一试 »
window.scrollY
所有浏览器都支持:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!