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?
26
A
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();
}
});
});
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
- 1. Sự kiện cuộn cửa sổ jQuery. Đối với mỗi XX pixel, hãy cuộn
- 2. Sự kiện cuộn jQuery
- 3. firefox + jquery mousewheel cuộn sự kiện lỗi
- 4. đóng cửa sổ phá vỡ sự kiện phá vỡ cửa sổ sự kiện
- 5. Cửa sổ Autohotkey xuất hiện sự kiện
- 6. sự kiện javascript trên nhiều cửa sổ
- 7. Sự kiện đóng cửa sổ chụp
- 8. sự kiện gần cửa sổ trong java
- 9. Có sự kiện cuộn dọc trong jQuery
- 10. Cách phát hiện sự kiện MouseUp bên ngoài cửa sổ?
- 11. Cửa sổ đăng ký Javascript/tab đóng sự kiện trước cửa sổ/tab đóng
- 12. lấy cửa sổ cuộn hoặc vị trí cuộn trong y
- 13. Trình kích hoạt trình duyệt Android jQuery $ (cửa sổ) .resize() khi cuộn
- 14. Tải lên tệp jQuery - nhận sự kiện "Mở" từ cửa sổ hộp thoại
- 15. Ngăn scrollTop gọi sự kiện cuộn
- 16. Sự kiện Để kéo cửa sổ trong Java
- 17. chuyển tiếp các sự kiện winapi sang cửa sổ khác
- 18. Gửi sự kiện giữa 2 cửa sổ WPF
- 19. Sự kiện đóng cửa sổ Java SWT shell
- 20. Sự kiện đóng cửa sổ trong ứng dụng winforms
- 21. Tiêu đề cửa sổ Đã thay đổi sự kiện
- 22. $ (cửa sổ) .blue sự kiện ảnh hưởng đến Iframe
- 23. .click() sự kiện khi 'Mở trong tab/cửa sổ mới'
- 24. Sự kiện hiển thị cửa sổ trong WPF?
- 25. MouseHover/MouseĐể lại sự kiện trên toàn bộ cửa sổ
- 26. Sự khác biệt giữa $ (cửa sổ) và cửa sổ trong jquery/javascript
- 27. Jquery - Scroll sự kiện trên một div phi cuộn
- 28. Thanh cuộn xuất hiện/biến mất sự kiện trong jQuery?
- 29. overflow-x: hidden đang phá vỡ sự kiện cuộn jquery
- 30. emacs cuộn cửa sổ khác lên
Bạn có thể gửi một jsFiddle cho một ví dụ? – Halcyon