讓$(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");
});