2013-01-11 40 views
26

Tôi có quảng cáo trong tiêu đề và quảng cáo cố định ở cuối trang của tôi luôn ở đó. Tôi muốn quảng cáo cố định chỉ xuất hiện nếu người dùng đã cuộn dưới quảng cáo tiêu đề. Tôi đã xem xét tài liệu JQuery, nhưng tôi không thực sự chắc chắn những gì tôi nên sử dụng.Sự kiện cuộn cửa sổ JQuery?

+0

Bạn có thể gửi một jsFiddle cho một ví dụ? – Halcyon

Trả lời

66

Hãy thử điều này: http://jsbin.com/axaler/3/edit

$(function(){ 
    $(window).scroll(function(){ 
    var aTop = $('.ad').height(); 
    if($(this).scrollTop()>=aTop){ 
     alert('header just passed.'); 
     // instead of alert you can use to show your ad 
     // something like $('#footAd').slideup(); 
    } 
    }); 
}); 
+0

okay tôi có điểm của bạn sẽ cập nhật nó trong giây lát. – Jai

+0

Bạn có thể thêm mã để ngăn thư bị trả lại hay không, ví dụ: bắn quá nhiều sự kiện cuộn? @Jai – horse

13

Xem jQuery.scroll(). Bạn có thể liên kết điều này với phần tử cửa sổ để lấy móc sự kiện mong muốn của bạn.

Mở cuộn, sau đó chỉ cần kiểm tra vị trí di chuyển của bạn:

$(window).scroll(function() { 
    var scrollTop = $(window).scrollTop(); 
    if (scrollTop > $(headerElem).offset().top) { 
    // display add 
    } 
}); 
0

Kiểm tra nếu người dùng đã cuộn qua các quảng cáo tiêu đề, sau đó hiển thị các quảng cáo chân trang.

if($(your header ad).position().top < 0) { $(your footer ad).show() }

Tôi có chính xác với nội dung bạn đang tìm không?

Các vấn đề liên quan