问题标签 [affix]

当我使用 bootstrap 3 的词缀并调整窗口大小时，我遇到了重叠侧边栏的问题。有没有办法添加一些 css 类，这样菜单就不会重叠列，而是附加到顶部？

该列也与页脚重叠。任何帮助将不胜感激。似乎很多人都有同样的问题。

这是HTML：

这是CSS：

我正在尝试使用 Affix，但我遇到了一些问题：当我向下滚动时 - 我的 affix div 部分消失在页脚下，这是一个jsbin 示例和代码。我怎样才能防止这种情况？

data-offset-bottom="anynumber"- 不工作。

在设置为 100% 高度的介绍之后，我试图让我的导航栏贴在顶部，但我不确定这样做的最佳方法是什么？

代码：

编辑：我正在使用 Bootstrap 3.0。

如果您查看Twitter Bootstrap 的Affix 菜单，您会发现它也有子菜单项。它们仅在您单击主菜单项之一或滚动传递与子菜单项对应的标题时显示

我的网站上有一个 Affix 菜单，但我希望拥有与您在 Bootstrap 网站上看到的相同的子菜单功能。

我怎样才能达到同样的目的？它是 BS 3.x 中的标准功能吗？还是我必须自己做这个？如果是这样，什么是好的方法？

I'm trying to affix a toolbar when the user scrolls passed it. The affix portion works fine however I want to adjust the padding on my main container when the affix class actually get applied. http://getbootstrap.com/javascript/#affix-usage Has some events listed However; I can't get any of them to fire. The JSfiddle doesn't look right I'm guessing cuz of the size. But essentially none of those events get fired when the affix is applied to the #nav.

You can see more of my code here.. Its essentially just the navbar given in the BS example.

http://jsfiddle.net/dTR4A/1/

我已经阅读了其他一些答案，但仍然无法正确设置。

列标题不会再次开始向上滚动。

这是我的php：

这是我的CSS：

这是临时网址：

这是我的html代码：

Img 是响应式元素，在我的笔记本电脑上它有 150 像素。当我尝试：

它工作正常。但它不适用于：

它在通过 30 像素后开始“粘贴”。每时每刻。我需要它来响应，我不知道我做错了什么：/

当我用 读取值时console.log($('.masthead img').height())，它显示了正确的值。问题是什么？

我在这段代码上遇到了关于引导词缀底部的问题：http: //jsfiddle.net/uvnGP/131/

当 jsfiddle 上的滚动很流畅但是一旦我在本地测试代码（使用 Firefox），它根本不流畅（有时我滚动页脚并在页脚上显示导航，请检查此屏幕截图http://awesomescreenshot.com /04e2gnjk17）。我检查了萤火虫，它表明在页脚滚动时，导航类在 affix 和 affix-bottom 之间发生了变化（如果在页脚滚动，它应该在 affix-bottom 上显示棒）。

我怎么解决这个问题 ？

谢谢查拉

当搜索结果少于页面高度时，页面高度变窄，并且在滚动时附加侧边栏正在跳跃。我试图使主容器的最小高度大于侧边栏，但它看起来不太好。如何在窗口高度狭窄时禁用 affix-bottom 或解决问题以防止跳跃？

模板展示了我当前的应用程序：jsfiddle

JS：

HTML：

CSS：

当用户滚动时，我正在尝试将较小版本的网站徽标添加到 Bootstrap 的附加导航栏。

这是我的网站。

到目前为止，这就是我一直在做的事情......我尝试使用较小的徽标添加到 nav.affix，但它没有奏效。我在正确的道路上吗？

这是JSfiddle