如何在頂部貼上格當我們在引導

向下滾動，我創建了一個Fiddle，我想固定nav-pills格，如果用戶向下滾動。
我試着用下面的代碼，但它似乎沒有工作，因爲我想要的。如何在頂部貼上格當我們在引導

$(function() { 
    $('#nav-wrapper').height($("#nav").height()); 

    $('#nav').affix({ 
     offset: { top: $('#nav').offset().top } 
    }); 
    });

！[請在此輸入圖像的描述] [2]

來源

2015-01-17 Ashutosh Singh

請回復，如果我的問題不明確 –

目前尚不清楚，導航欄看起來已經初步固定在上面。你想它在中間某個地方開始，並修復它，當用戶向下滾動到它的水平？ – sinanspd

@sinanspd不是說固定導航欄，我想修復與'ID在div =「導航」'在我的例子，如果用戶向下滾動......請用DIV ID檢查例如=「導航」，你會來知道我在要求 –

您可以使用Offset和scrollTop功能一起滾動時學習元素的位置。使用這個，你可以創建你想要的行爲。我改變了你的小提琴得到它像什麼，我明白你想要的工作。

Fiddle

var originalPos; 
$(document).on("scroll", function(e){ 
    if($("#nav-wrapper").hasClass("affixed")){ 
     if($(document).scrollTop() <= originalPos) 
      $("#nav-wrapper").removeClass("affixed"); 
     return; 
    } 

    if((originalPos = $(document).scrollTop()) >= ($("#nav-wrapper").offset().top - $("#nav-wrapper").height())){ 
     $("#nav-wrapper").addClass("affixed"); 
    } 
})

來源

2015-01-17 16:55:58 Ozan

如何在頂部貼上格當我們在引導

回答

相關問題