자바 스크립트에서 스티키 사이드 바 문제가 발생했습니다.

Question

사용자가 페이지를 아래로 스크롤 할 때 항상 창 상단에있는 끈적한 사이드 바를 구현하려고합니다.

정확한 시간에 꼭대기에 붙어 있지만, 어떤 이유로 더 이상 떠있는 것이 아닙니다. 누군가가 나를 붙잡을 때 같은 위치에 머물러있게하려면 무엇을 할 수 있습니까?

내 사이트는 here입니다. 미리 감사드립니다!

<script type="text/javascript"> 
$(function(){ // document ready 

    if (!!$('.sticky').offset()) { // make sure ".sticky" element exists 
     var stickyTop = $('.sticky').offset().top; // returns number 
     $(window).scroll(function(){ // scroll event 
      var windowTop = $(window).scrollTop(); // returns number 
      if (stickyTop < windowTop){ 
       $('.sticky').css({ position:'fixed', top: 0, marginLeft: "30px" }); 
      } 
      else { 
       $('.sticky').css('position','static'); 
      } 
     }); 
    } 

}); 
</script> 

Answer 1

바퀴를 발명하지 마십시오. this plug-in과 같은 것을 즐기고 즐기십시오.

Answer 2

화면의 왼쪽에있는 것처럼 보이지 않는 것 같습니다. 에이 줄을 변경

시도 :

이

$('.sticky').css({ position:'fixed', top: 0, left:0, marginLeft: "30px" }