0

position:fixed当它滚动到屏幕顶部时,我想将它设置为 div。我已使用以下代码成功完成此操作:

   var $window = $(window),
       $stickyEl = $('#the-sticky-div'),
       elTop = $stickyEl.offset().top;

   $window.scroll(function() {
        $stickyEl.toggleClass('sticky', $window.scrollTop() > elTop);
    });

CSS在哪里:

     #the-sticky-div.sticky {
     position: fixed;
     top: 0px;
     width:100%;
     z-index:2000;
  }

我的问题:我想修改它,使 div 保持在高度为 60px 的导航栏下,而不是在页面顶部。我知道我需要将 CSS 修改为 `top:60px',但是如何将 60px 偏移量添加到 jquery 以便它更早地粘贴而不是先在导航栏下滚动?

谢谢

4

1 回答 1

1

弄清楚了:

  $window.scroll(function() {
        $stickyEl.toggleClass('sticky', $window.scrollTop() + 60 > elTop);
    });
于 2013-09-03T15:47:05.963 回答