자바 스크립트는

Question

누군가가 내 JQuery와 사업부 여기

을 숨기고로 스크롤 디버깅 저를 도와주세요 수 DIV 표시되지 내 자바 스크립트 코드 여기

jQuery(function() { // document ready 
     var sideBarTop = $('#sticky').offset().top; // position top 
     var sideBarLeft = $('#sticky').offset().left //position left 
     jQuery(window).scroll(function(){ // scroll event 
      var windowTop = $(window).scrollTop(); // returns scroll from top 
      if(sideBarTop < windowTop) { 
       $('#sticky').css({position: 'fixed', top: 210, left: sideBarLeft}).fadeIn(); 
      } 
      else { 
       $('#sticky').css('position', 'static').fadeOut("slow"); 
      } 
     }); 

    }); 

내 HTML 코드입니다

<div id="sticky"> 
<ul id="nav"> 
    <li class="current"><a href="#avant">Avant</a></li> 
    <li><a href="#allure">Allure</a></li> 
     <li><a href="#eden">Eden</a></li> 
</ul> 
</div> 

제발 도와주세요

JSFiddle

Answer 1

HERE으로 업데이트되었습니다.

아래 내용을 포함하십시오.

jQuery(function() { // document ready 
    var sideBarTop = $('#sticky').offset().top; // position top 
    var sideBarLeft = $('#sticky').offset().left //position left 
    jQuery(window).scroll(function(){ // scroll event 
     var windowTop = $(window).scrollTop(); // returns scroll from top 

     if(sideBarTop < windowTop) { 
      $('#sticky').css({position: 'fixed', top: -40}).fadeIn("slow"); 

     } 
     else  $('#sticky').css('position', 'static').fadeOut("slow"); 

     setTimeout (function() { $('#sticky').fadeIn("slow"); },1000); 
    }); 

}); 

이 코드는 기존 코드 용 패치이며 권장되는 수정 방법은 아닙니다.