ブートストラップdata-offset-top = "variable"？

Question

現時点では、コード内に表示されているように、モニタの上部から560ピクセルの固定距離で開始するスティッキメニューを使用していますが、もちろんそれは常にうまく機能しません。

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

スクロールした後、メニューは通常どおり画面上部に固定されます。

私の質問：

私は関係なく、モニタサイズ、モニターの上部の75％で、ナビゲーションバーを修正したいと思います。どうすればいい？

Answer 1

あなたのJavaScript/jQueryのを使用して、ビューポートの高さの75％を計算した値を返します。..

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

Here is an example。 「ヘッダー」はビューポートの高さの75％で、スクロールが「ヘッダー」の下部に当たったときにNavが接続されます。

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