1

对不起，我是 jquery/js 学徒。我有一个 jquery 粘性导航设置，skrollr 设置为“stick”，顶部偏移为 590px。这似乎没问题，但我发现我需要该偏移量在某些页面上是唯一的，而不是必须手动应用唯一的偏移量，我想知道是否可以将偏移量值绑定到特定的 DIV 高度？这将有助于使事情在未来更容易管理。

这是我的代码：

$(document).ready(function() {  
  var stickyNavTop = $('#navmenu').offset().top+590;  
  var stickyNav = function(){  
    var scrollTop = $(window).scrollTop();    
    if (scrollTop > stickyNavTop) {   
      $('#navmenu').addClass('sticky');
    } else {
      $('#navmenu').removeClass('sticky');
    }};  
  stickyNav();  
  $(window).scroll(function() {  
    stickyNav();  
  });
});

我需要将其绑定到的具有高度值的 DIV 有一个 .custom-hero-background 类

它应用了 600px 的全局高度，但在某些页面上，我用独特的高度覆盖了它。

4

1 回答 1

1

只需将其添加到您的脚本中，在所有其他功能之外，除了$(document).ready(function(

var theHeight = $('.custom-hero-background').height();

然后不要为偏移量设置固定的 +590，只需执行 + theHeight。如果您需要它比 theHeight 小 10 像素，只需执行 theHeight - 10

var stickyNavTop = $('#navmenu').offset().top+theHeight;
于 2014-02-27T15:26:12.457 回答