$（window）.scroll（）在頁面加載時觸發

Question

有沒有辦法阻止$(window).scroll()在頁面加載時觸發？

在Firefox 4中測試以下代碼，即使在拔下鼠標時也會觸發。

jQuery(document).ready(function($){  
$(window).scroll(function(){ 
       console.log("Scroll Fired"); 
    }); 
}); 

Answer 1

scroll事件與鼠標無關，只要設置了新的文檔滾動位置，就會調用它。並且可以證明，當文檔加載時（可能最後加載一個錨點），該位置被設置，如果用戶在他的鍵盤上按下光標鍵。我不知道爲什麼你需要忽略最初的scroll事件，但我想你只是想要這樣做，如果pageYOffset爲零。這很簡單：

var oldPageYOffset = 0; 
$(window).scroll(function(){ 
    if (window.pageYOffset != oldPageYOffset) 
    { 
    oldPageYOffset = window.pageYOffset; 
    console.log("Window scrolling changed"); 
    } 
}); 

注：MSIE沒有window.pageYOffset屬性，因此上面的需要進行調整。也許jQuery提供了一個跨瀏覽器的選擇。

Answer 2

當然，直到加載後才加載。使其成爲500毫秒的睡眠呼叫。

Answer 3

這是我去的解決方案。感激地收到任何改進。

var scroll = 0; 
    $(window).scroll(function(){ 
        if (scroll>0){ 
        console.log("Scroll Fired"); 
        } 
        scroll++; 
    }); 

Answer 4

僅當刷新滾動的頁面或直接導航到錨點時，滾動事件纔會在每次加載時觸發。

許多答案建議忽略它第一次被調用，如果頁面最初沒有滾動，它會忽略有效的滾動。

//Scroll the page and then reload just the iframe (right click, reload frame) 
 

 

 
//Timeout of 1 was not reliable, 10 seemed to be where I tested it, but again, this is not very elegant. 
 
//This will not fire initially 
 
setTimeout(function(){ 
 
    $(window).scroll(function(){ 
 
    console.log('delayed scroll handler'); 
 
    }); 
 
}, 10); 
 

 
//This will fire initially when reloading the page and re-establishing the scroll position 
 
$(window).scroll(function(){ 
 
    console.log('regular scroll handler'); 
 
});

div { 
 
    height: 2000px; 
 
    border: 1px solid red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
</div>