2014-02-27 50 views
1

對不起,我是jquery/js徒弟。我有一個jQuery粘滯導航設置與skrollr設置爲「粘」在590px的頂部偏移量。這似乎沒問題,但我來找到我需要偏移量在一些頁面上是唯一的,而不是必須手動應用唯一的偏移我想知道我是否可以將偏移值綁定到特定的DIV高度?這將有助於將來更容易管理。將jQuery值綁定到特定的DIV高度

這裏是我的codez:

$(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英雄背景

它應用了全球高度600px,但在一些頁面上,我重寫了這個獨特的高度。

回答

1

只是在你的腳本中加入這一點,所有的其他功能外,除了$(document).ready(function(

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

,然後,而不是具有固定+590爲offeset,只是做+ theHeight。如果你需要它比高度少10個像素,只需做高度 - 10

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

完美無瑕!非常感謝你。 – Camitose

相關問題