我的导航栏出了点问题。基本上我遇到的问题是我使用的是Bootstrap词缀,我只能设置一个数据偏移量,这里是HTML的一个例子:
<nav class="navbar navbar-default affix-top nav-links" data-spy="affix" data-offset-top="120" role="navigation">
您知道,当滚动条滚动浏览导航栏时,导航栏基本上将导航栏修复到视口顶部。
问题在于,当缩小视口时,徽标会缩小,数据偏移需要更改,因为页面顶部与导航栏之间的距离现在因徽标大小更改而不同。
缩放视口时是否有办法更改数据偏移量?如果我可以创建媒体查询但是在HTML中输入数据偏移量将会很棒。
谢谢:)
答案 0 :(得分:0)
这里有一个关于SO的工作解决方案Bootstrap 3.0 scrollspy responsive offsets
当我不得不考虑我开发的设计中的偏移时,我在CSS中做了偏移而不是使用数据模型。然后我能够使用媒体查询进行定位。如此处引用的SO中所示,来自jQuery的数据仅被加载一次。