引導導航欄容器頂部容器流體

Question

我想問問從你們自舉導航欄容器的問候一些幫助，當向下滾動固定在頂部，同時容器流體導航欄

我提供你也codepen鏈接，使您玩Codependiv

Answer 1

所以，

如果我理解你的問題，你希望用戶開始滾動後，導航欄固定到頂部。那麼，這裏是我的這個實現...我用這個答案https://stackoverflow.com/a/21301875並修改它爲這種情況以及記錄的代碼。

Codepen

/** 
* Scroll management 
*/ 
$(document).ready(function() { 

    // Define the menu we are working with 
    var menu = $('.navbar.navbar-default.navbar-inverse'); 

    // Get the menus current offset 
    var origOffsetY = menu.offset().top; 

    /** 
    * scroll 
    * Perform our menu mod 
    */ 
    function scroll() { 

     // Check the menus offset. 
     if ($(window).scrollTop() >= origOffsetY) { 

      //If it is indeed beyond the offset, affix it to the top. 
      $(menu).addClass('navbar-fixed-top'); 

     } else { 

      // Otherwise, un affix it. 
      $(menu).removeClass('navbar-fixed-top'); 

     } 
    } 

    // Anytime the document is scrolled act on it 
    document.onscroll = scroll; 

}); 

Answer 2

附加容器流體的3線

<div class="container-fluid"> 

在第5行

<nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation"> 

codepen

添加導航欄固定頂部看到你的答案被覆蓋存在的文件。 http://getbootstrap.com/components/#navbar

學英語如果打擾你