내 머리글에 광고가 있고 항상 내 페이지 하단에 고정 광고가 있습니다. 사용자가 헤더 광고 아래로 스크롤 한 경우에만 고정 광고를 표시하고 싶습니다. 나는 JQuery 문서를 살펴 봤지만 무엇을 사용해야하는지 잘 모르겠습니다.JQuery 창 스크롤 이벤트?
26
A
답변
66
이 시도 : 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
jQuery.scroll()을 참조하십시오. 이것을 window 요소에 바인드하여 원하는 이벤트 후크를 얻을 수 있습니다. 사용자가 헤더 광고지나 스크롤 경우 다음 바닥 글 광고를 표시
이$(window).scroll(function() {
var scrollTop = $(window).scrollTop();
if (scrollTop > $(headerElem).offset().top) {
// display add
}
});
0
확인 : 스크롤에
은 단순히 당신의 스크롤 위치를 확인합니다. 난 당신이 찾고있는 무슨에 수정
if($(your header ad).position().top < 0) { $(your footer ad).show() }
건가요?
관련 문제
- 1. 스크롤 창 onclick jquery
- 2. jQuery 창 스크롤 스냅
- 3. jQuery 스크롤 이벤트 버그
- 4. jQuery 스크롤 이벤트 동작
- 5. jQuery 스크롤 이벤트
- 6. jQuery 스크롤 창 끄기 및 뒤로 창
- 7. Jquery/JS의 트리거 창 스크롤
- 8. Jquery 창 스크롤 활성 항목
- 9. 브라우저에서 창 스크롤 중단
- 10. iframe에서 창 열기 이벤트 (jquery)
- 11. jquery 가로 스크롤 이벤트 - 편집
- 12. iframe 내부의 jQuery 스크롤 이벤트
- 13. jQuery - 마우스 스크롤 이벤트 에뮬레이션
- 14. 무한 스크롤 jQuery 이벤트 속보
- 15. 창 스크롤
- 16. jQuery 창 스크롤 및 요소 위치 문제
- 17. jQuery 창 높이가 작은 경우에도 요소로 스크롤
- 18. JQuery 창 스크롤 위쪽 및 아래쪽
- 19. Jquery 창 크기 조정 및 클릭 이벤트
- 20. Jquery 창 스크롤/크기 조정은 라이브가 아닌 바인드에서 작동합니다.
- 21. 특정 jQuery Mobile 페이지에서 스크롤 이벤트 캡처
- 22. jquery 스크롤 이벤트 후 하이퍼 링크 열기
- 23. iframe에 스크롤 이벤트 바인딩
- 24. 마우스 스크롤 이벤트
- 25. QUnit 테스트 전의 스크롤 창
- 26. JQuery와 - 비 스크롤 DIV에 스크롤 이벤트
- 27. 소형 자동 스크롤 창
- 28. Extjs 창 스크롤 막대
- 29. 스크롤 창 높이 문제
- 30. 창 스크롤 단위 찾기
당신은 예를 들어 jsFiddle을 게시 할 수 있습니까? – Halcyon