Bắn $ (cửa sổ) .scroll() khi tải trang

Question

Có cách nào để ngăn không cho $(window).scroll() kích hoạt khi tải trang không?

Kiểm tra mã sau trong Firefox 4, nó sẽ kích hoạt ngay cả khi tôi rút chuột.

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

Answer 1

Sự kiện scroll không liên quan đến chuột, nó được gọi bất cứ khi nào vị trí cuộn tài liệu mới được đặt. Và cho rằng vị trí được đặt khi tài liệu tải (bạn có thể tải nó bằng một neo sau khi tất cả), cũng nếu người dùng nhấn một phím con trỏ trên bàn phím của mình. Tôi không biết tại sao bạn cần phải bỏ qua sự kiện scroll ban đầu nhưng tôi đoán rằng bạn chỉ muốn làm điều đó nếu pageYOffset bằng không. Đó là dễ dàng:

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

Note: MSIE không có window.pageYOffset tài sản như vậy ở trên sẽ cần phải được điều chỉnh. Có lẽ jQuery cung cấp một thay thế trình duyệt chéo.

Answer 2

chắc chắn, không tải nó cho đến sau khi tải. làm cho nó một cuộc gọi trở lại cho giấc ngủ cho 500 millis.

Answer 3

Đây là giải pháp tôi đã thực hiện. Bất kỳ cải tiến nào cũng biết ơn.

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

Answer 4

Sự kiện cuộn không kích hoạt trên mọi tải, chỉ khi làm mới trang được cuộn hoặc khi điều hướng trực tiếp đến một neo.

Nhiều câu trả lời gợi ý bỏ qua lần đầu tiên nó được gọi, điều này sẽ bỏ qua một cuộn hợp lệ nếu trang không được cuộn đầu tiên.

//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>