2013-01-11 3 views
26

내 머리글에 광고가 있고 항상 내 페이지 하단에 고정 광고가 있습니다. 사용자가 헤더 광고 아래로 스크롤 한 경우에만 고정 광고를 표시하고 싶습니다. 나는 JQuery 문서를 살펴 봤지만 무엇을 사용해야하는지 잘 모르겠습니다.JQuery 창 스크롤 이벤트?

+0

당신은 예를 들어 jsFiddle을 게시 할 수 있습니까? – Halcyon

답변

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(); 
    } 
    }); 
}); 
+0

알았어. 잠시 후에 요점을 알려줄거야. – Jai

+0

바운스 방지 코드를 추가 할 수 있습니까? 스크롤 이벤트가 너무 많이 발생합니까? @ 재 – horse

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() }

건가요?