问题标签 [affix]

我想要一个固定的顶部导航并使用 twitter 词缀。

在此之下，我有 div：

我的目标是在标记的导航中获得正确的元素（类=活动），并在我单击它时滚动到正确的 div。

我几乎已经完成了所有工作： http: //firestream.net/2013/index.php?go=stats

这是我遇到的两个问题：

1）当您向下滚动时，我希望侧导航列表停留在屏幕的最顶部，而不是当前停留的位置 2）当您向下滚动时，导航列表的宽度会挤压

任何帮助或建议都会很棒！

我正在尝试使用附加功能将标题附加到屏幕顶部，但仅将其附加到页面的一部分。当用户滚动超过某个点时，它应该分离（并与内容一起向上滚动）。

我正在使用这个jsfiddle中的脚本。

我现在正在尝试的是：

像这样的.detached类：

无法让这个工作。有什么建议么？

比较难描述问题。所以看看这个jsFiddle：

http://jsfiddle.net/xE2m7/

当导航栏固定到顶部时，内容会跳到它下面。

CSS：

哪里有问题？

我想知道如何在 div 滚动出视图时将其修复到窗口底部。我知道您可以使用 twitter bootstrap 来做到这一点，但我不想使用库。

到目前为止，我有一些我认为可以工作的 jQuery：

.fixed 类只是position:fixed; bottom:0;.

这样做的问题是，如果表单滚动并自行修复，它不再不在视野范围内，并且文本滚动将自行修复，导致它再次自行修复，等等等等并使其闪烁。

我想知道是否有人对如何解决此问题或替代解决方案有建议？

谢谢！

我已经阅读了文档，我觉得我所做的正是他们在示例中展示的内容。然而，当我尝试它时，我无法让它工作。我希望它以类似于文档的方式工作。它position:fixed在滚动过去页眉之后变成，然后一旦它接触到页脚，它就会变成position:absolute并粘在底部。

演示：http: //jsfiddle.net/uvnGP/1/

JS

SASS

我现在遇到的问题涉及 twitter bootstraps 词缀和 css overflow-y。

细节

我有一个固定在顶部和底部的 41 像素引导导航栏（用于页眉/页脚）。

div.container-fluid用作主要内容主体。我习惯position: absolute将它定位在页眉和页脚之间，我必须overflow-y: scroll让它滚动浏览溢出的内容。

div.side-bar用作页面左侧的侧边导航，嵌套在div.span3. 我使用 jquery 来调用侧导航上的词缀。

问题

当我添加overflow-y: scroll到时，div.container-fluid我在正确的位置滚动......但没有应用词缀（基于动作）

但是当我完全删除时overflow-y: scroll，滚动条会延伸到整个页面（而不仅仅是div.container-fluid），但词缀确实适用。

这里有两个链接指向一个带有溢出-y 和一个没有溢出-y

无词缀效果 http://jsfiddle.net/VincentWilkie/YRxkU/

滚动不良的词缀效果 http://jsfiddle.net/VincentWilkie/cKJV2/

我需要它，以便滚动条不会延伸到页眉和页脚:(

谢谢你的帮助！

文森特·威尔基

我正在使用引导词缀插件在右角幻灯片上制作一个带有内容的 div。我在窗口顶部有另一个部分，它将展开以打开另一个部分以显示一些详细信息。问题是，当展开 details 部分的 div 时，必须更新附加 div 的偏移量。我做过这样的事情

我已经从开发人员工具中验证了偏移量得到了更新，但是附加元素的行为保持不变（它仍然被附加在相同的顶部位置）。我还需要做什么来动态更新偏移顶部值。

我在早期开发中有一个以引导程序为主题的网站，并且正在经历来自粘性导航栏的奇怪行为。在 Chrome 中向下滚动一半后（以及最初在 Firefox 中滚动时），导航栏缩小到其宽度的一半。谁能想到造成这种情况的原因？

您可以在http://studiomimo.com看到此行为的演示

谢谢！

似乎无法弄清楚如何使用 Bootstrap Affix 功能。

http://jsfiddle.net/GUbgF/1/

一旦 Affix 将 .affix 类添加到导航栏，主要内容块就会移动，从而覆盖导航栏。

HTML

CSS

}