다른 요소의 스크롤 위치를 기준으로 고정 된 div를 숨기고 표시하십시오.

Question

고정 div (.featBar)를 숨기거나 표시하려고합니다.

는

당신은 좀 걸릴 수 있습니다 (내가 고정 .featBar을 추월 seemless 할 것인지, 정확히 그 위치를 제외하고 .featbar과 동일한 문서 .featbarinline의 다른 사업부가있다) 사이트 www.documentjournal.com에서 내가 무엇을 할 것인지 알아보십시오.

http://thisisaust.myshopify.com/ 패스 : 여기

<script type="text/javascript"> 

var windowScroll = $(window).scrollTop(), 
     slideHeight = $('.rslides1_on').height(), 
     windowHeight = $(window).height(), 
     diffHeight = slideHeight - windowHeight; 

$(window).scroll(function() { 
    if (windowScroll > diffHeight) { 
    $('.featBar').show(); 
    } else { $('.featBar').hide(); }; 




}); 
</script> 

내가 일하고 있어요 무엇에 대한 링크입니다 : 지금이 여기에

코드입니다 (바닥에 고정 된 흰색 막대가 작동하는 방법을 찾으) : austaust

또한 브라우저가 크기가 변경 될 때마다 /를 트리거하는 기능이 필요합니다.

Answer 1

위 또는 아래로 스크롤 할 때마다 스크롤 기능이 업데이트되므로 스크롤 기능 내부에서 scrollTop을 읽어야합니다. 코드는 다음과 같아야합니다.

<script type="text/javascript"> 

var slideHeight = $('.rslides1_on').height(), 
     windowHeight = $(window).height(), 
     diffHeight = slideHeight - windowHeight; 

$(window).scroll(function() { 
    var windowScroll = $(window).scrollTop(); 
    if (windowScroll > diffHeight) { 
    $('.featBar').show(); 
    } else { $('.featBar').hide(); }; 

}); 
</script> 

이 코드는 작동해야한다고 생각합니다.