使用scrollTop()时如何添加固定偏移量

时间:2013-09-03 15:37:11

标签: javascript jquery html css twitter-bootstrap

我想在滚动到屏幕顶部时将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中,以便它更早地粘贴而不是先在导航栏下滚动?

由于

1 个答案:

答案 0 :(得分:1)

想出来:

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