让$(window).scroll()监听事件只执行一次

可以用jQuery中的unbind()来进行事件解绑。

$(window).scroll(function() {
    console.log("滚离顶部" + $(document).scrollTop());

    //...

    //对window对象进行scroll事件解绑
    $(window).unbind("scroll");
});

 

方法的参数如下（截图于w3school）：

 

额外：

我在一次将scroll()和setInterval()结合起来用时，出现了“貌似unbind()不太奏效”的情况：scroll事件被触发多次。仔细看了看，发现其实不是unbind()的问题，是代码结构的问题，我不该一股脑地连scroll()都放进setInterval()里，导致浏览器不断添加一模一样的监听事件（这是什么机制呢？）——它们居然每50毫秒增多一个（都处于待命状态），然后一并被触发。（所以不是unbind()起不了作用。。也与鼠标滚轮“每滚一小牙，触发事件次数不止一次”这个特点无关）

错误代码：

var i =setInterval(function(){

    //...

    $(window).scroll(function(){
        clearInterval(i);
        $(window).unbind("scroll");
    });
},50);

正确代码：

var i =setInterval(function(){

    //...

},50);
$(window).scroll(function(){
    clearInterval(i);
    $(window).unbind("scroll");
});