Bootstrap - 更改较小视口的附加数据偏移量

时间:2014-08-03 11:48:53

标签: jquery html css twitter-bootstrap

我的导航栏出了点问题。基本上我遇到的问题是我使用的是Bootstrap词缀,我只能设置一个数据偏移量,这里是HTML的一个例子:

<nav class="navbar navbar-default affix-top nav-links" data-spy="affix" data-offset-top="120" role="navigation">

您知道,当滚动条滚动浏览导航栏时,导航栏基本上将导航栏修复到视口顶部。

问题在于,当缩小视口时,徽标会缩小,数据偏移需要更改,因为页面顶部与导航栏之间的距离现在因徽标大小更改而不同。

缩放视口时是否有办法更改数据偏移量?如果我可以创建媒体查询但是在HTML中输入数据偏移量将会很棒。

谢谢:)

1 个答案:

答案 0 :(得分:0)

这里有一个关于SO的工作解决方案Bootstrap 3.0 scrollspy responsive offsets

当我不得不考虑我开发的设计中的偏移时,我在CSS中做了偏移而不是使用数据模型。然后我能够使用媒体查询进行定位。如此处引用的SO中所示,来自jQuery的数据仅被加载一次。