javascript - jquery 値を特定の DIV 高さにバインドする

Question

申し訳ありませんが、私は jquery/js 見習いです。私は skrollr が 590px のトップオフセットで「スティック」に設定された jquery スティッキーナビゲーションセットアップを持っています。これは問題ないように見えましたが、オフセット値を特定の 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 のグローバルな高さが適用されていますが、一部のページではこれを独自の高さでオーバーライドしています。