微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！

被动 onscroll 事件是否比限制 onscroll 事件的速率更好？

分类：编程问答

如何解决被动 onscroll 事件是否比限制 onscroll 事件的速率更好？

为了实现视差背景图像，哪个更好：限速的 onscroll 事件还是 addEventListener 函数的被动选项？

限速滚动选项：

offsety   = 0;
waiting = false;

//
// The scroll function that does the business
//
var scroll = function ()
{
    document.body.style.backgroundPosition = '0px -' + ((document.body.scrollTop / 10) + offsety) + 'px';
};

// Whether we're waiting to fire the scroll function (above)
waiting = false;

//
// The window onscroll event
window.onscroll = function ()
{
    if (waiting) {
        return;
    }
    
    waiting = true;

    scroll();

    setTimeout(function () {
        waiting = false;
    },25);
};

被动选项：

document.addEventListener('scroll',function (e)
{
    document.body.style.backgroundPosition = '0px -' + ((document.body.scrollTop / 10) + offsety) + 'px';
},{ capture: false,passive: true});

附录：

作为参考，这是我现在使用被动事件侦听器的整个页面示例：

<html>
<script>
    offsety   = 0;
    waiting = false;
    
    //
    // The scroll function that does the business
    //
    var scroll = function ()
    {
        document.body.style.backgroundPosition = '0px -' + ((document.body.scrollTop / 10) + offsety) + 'px';
    };

    // Whether we're waiting to fire the scroll
    // function (above)
    waiting = false;

    //
    // The window onscroll event
    document.addEventListener('scroll',function ()
    {
        if (waiting) {
            return;
        }
        
        waiting = true;

        scroll();

        setTimeout(function () {
            waiting = false;
        },25);
    },passive: true});
</script>

<body style="opacity: 0.5; background-image: url(https://www.nasa.gov/sites/default/files/thumbnails/image/gobabeb_sunset.jpeg); background-attachment: fixed; background-position: 0px 0px">

<div style="background-color: white; border: 1px solid #aaa; padding: 15px; border-radius: 5px; margin: 50px;">
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
    1 22 333 4444 55555 666666 7777777 88888888 999999999
</div>


</body>
</html>

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

苹果市值2025年有望达4万亿美元
pythonJavaScriptjavaHTMLreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-bootreact-native