Question

抱歉，我是一名jquery / js学徒。我有一个jquery粘性导航设置，其中skrollr设置为“粘贴”，顶部偏移为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，但在某些页面上，我用非常高的高度覆盖它。

Answer 1

除了$(document).ready(function(

之外，您可以在脚本中添加它，除了所有其他功能之外

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

然后不要为offeset设置固定的+590，而是选择+ theHeight。如果你需要它比theHeight小10个像素，那就去做高度 - 10

var stickyNavTop = $('#navmenu').offset().top+theHeight;

将jquery值绑定到特定的DIV高度

1 个答案: