2017-03-03 70 views
3

目前我正在使用一個粘性菜單,從代碼中看到的顯示器頂部560px的固定距離處開始,但它當然不能很好地工作。Bootstrap data-offset-top =「variable」?

<nav id="site-navigation" class="navbar navbar-default" data-spy="affix" data-offset-top="560" role="navigation"> 

滾動後,菜單將像往常一樣固定在屏幕的頂部。

我的問題:

我想在顯示器的頂部的75%,而不管顯示器大小來解決導航欄。我怎麼能這樣做?

回答

1

你會使用JavaScript/jQuery和返回計算視窗高度的75%的值..

$('#site-navigation').affix({ 
     offset: { 
     top: $(window).height() * .75 
     } 
}); 

Here is an example。 「標題」是視口高度的75%,當滾動點擊「標題」的底部時,導航附加。

http://www.codeply.com/go/beLmje5j5W

+0

它很好用。謝謝! –

相關問題