JavaScript windows.onscroll event

JavaScript windows.onscroll event

本文关键字：event onscroll windows JavaScript      更新时间：2023-09-26

为什么这段代码不能在中工作

window.onscroll = scroll;
function scroll() {
    if (window.pageYOffset == 400)
        alert('alert message');
}

这行得通吗？

window.onscroll = scroll;
    function scroll() {
        if (window.pageYOffset > 400)
            alert('alert message');
    }

我猜这是因为onscroll事件不会在滚动的每个像素处触发。

例如，检查这个fiddle，它在onscroll被激发时执行console.log(window.pageYOffset)并检查输出。你很有可能在那里得不到400。

检查一下这个fiddle，你会发现滚动并不会报告每个像素-或者确切地说，大多数浏览器都不会平滑地滚动，但在某些步骤中：

http://fiddle.jshell.net/83nUe/

相关文章：