2017-03-03 58 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

它很好用。谢谢! –