Bootstrap - 为更小的视口更改附加数据偏移量答案

【问题标题】：Bootstrap - Change Affix data-offset for smaller view-portBootstrap - 为更小的视口更改附加数据偏移量
【发布时间】：2014-09-26 01:55:47
【问题描述】：

我的导航栏有点问题。基本上我遇到的问题是我使用了一个 Bootstrap 词缀，我只能设置一个数据偏移量，这是 HTML 的一个示例：

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

只是让您知道，当导航栏滚动经过导航栏时，该词缀基本上将导航栏固定到视口的顶部。

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

有没有办法在缩放视口时更改数据偏移？如果我可以创建一个媒体查询但数据偏移量是在 HTML 中输入的，那就太好了。

谢谢:)

【问题讨论】：

【解决方案1】：

这里有一个有效的解决方案Bootstrap 3.0 scrollspy responsive offsets

当我必须在我开发的设计中考虑偏移时，我在 CSS 中进行了偏移，而不是使用数据模型。然后我就能够以媒体查询为目标。正如在此处引用的 SO 中所见，来自 jQuery 的数据只加载一次。

【讨论】：