问题标签 [sticky]

我希望创建一个粘性标题。每次用户向下滚动并且原始标题消失时，“粘性”标题应该启动。

我目前使用这个：

虽然，当用户只是滚动时，当前的添加类“粘性”，而不是当原始标题应该消失时。

问候

到处寻找这个问题的解决方案，并尝试使用一些插件，如 jQuery Way-points，但没有成功，我希望这里有人能够提供解决方案。

由于仅用文本解释有点复杂，我创建了一个行为图。

请参阅此链接，因为垃圾邮件过滤器不允许我发布和图像：

根据内容，所有元素的高度都是可变的。

1. 有一个比页面内容短得多的侧边栏，

2. 一旦侧边栏 div 的底部进入视口，

3. 它将保持固定在该位置，而其余内容将继续正常滚动。

4. 直到侧边栏到达页脚，它会像往常一样随着页脚向上滚动。

当用户以相反方向滚动到页面顶部时，这也将反向工作。

我试图在向下滚动页面后获得一个 div。它工作得很好，但是当我尝试滚动太远时，div 卡在页面底部：

当我向上滚动页面时，关于如何让它重新开始的任何想法？提前喝彩

我正在使用绝对定位让 div 填满整个浏览器窗口。但是，我不想将它与有时存在有时不存在的粘性 div 结合起来。

为了让事情更清楚一点，请查看这个 jsFiddle：http: //jsfiddle.net/henrikandersson/aDdRS/

我希望“顶部”、“左侧”和“副标题”始终保持在原位。我还希望“内容” div 填充窗口的左侧。但是，有时我想在“内容”之前显示“警报”div。到目前为止一切顺利，正如您在 jsFiddle 中看到的那样。但是，我希望“警报”坚持“副标题”并在滚动时留在那里。如您所见，如果您调整窗口大小，“警报”现在将与“内容”一起滚动——我不希望这样。

有人知道如何解决这个问题吗？

编辑：我在我的 jsFiddle 中进行了更改，我将“警报”放置在应该的位置（在子标题和内容区域之间）。如您所见（http://jsfiddle.net/henrikandersson/aDdRS/12），它不会将“内容区域”向下推，因为内容区域具有顶部：20px。而且我不能设置 top:40px 例如，因为“警报”应该能够在高度上变化，并且我希望内容区域具有相同的 css，有或没有上面的警报。

编辑#2：这个问题处理同样的问题，但也没有解决这个问题的办法。似乎不使用 JavaScript 是不可能的： 可变高度滚动 div，相对于可变高度兄弟定位

我的页脚有问题，我的意思就是这段代码。

我的例子：http: //jsfiddle.net/ecyZw/

问题是页脚不在屏幕底部（http://i39.tinypic.com/akzeva.png），我的分辨率 - 1920x1080 像素，但是！当我删除顶部栏和页眉时，页脚位于底部。

如何让我的页脚出现在屏幕底部？

我会尽力解释我的问题，但您可以在此处查看代码：

http://jsfiddle.net/xPxhf/3/

我有导航，一旦用户滚动到页面上的某个点，导航的底部就会中断并粘在用户窗口的顶部。它的工作方式是从顶部断开14px，然后动画到 top: 0px。

然后，一旦用户滚动回顶部，导航应该动画回到它的原始位置（顶部：78px）。如果您在 jsfiddle 中查看我的示例，它是第一次这样做，并且似乎按预期工作。但是，如果您再次滚动，事情就会完全混乱。

任何人都有代码建议可以使这个功能正确吗？我花了几个小时尝试不同的修复方法，但没有任何效果。

我正在尝试将 div 彼此相邻放置，其中 div 使用 position:absolute 和 bottom:0 就像一个粘性页脚

HTML: ( note that I could have many of these with different id but the same class)

CSS：

jsFiddle：http: //jsfiddle.net/ZqaDe/

预览：http: //jsfiddle.net/ZqaDe/show

编辑： 我不知道每次有多少个 div。那里的 div 是动态附加的。在实际的应用程序中，这些 div 可以被删除、移动或添加，因此它们每次都会不断变化。所以基本上我想要一种方法，以便每次都将它们放在一起。

编辑 2： 我认为我无法将所有 div 包装在一个主要的粘性页脚中并设置一个 float:left 以便它们彼此相邻放置。在实际示例中，position:absolute 和bottom:0 是动态设置的。更新小提琴：http: //jsfiddle.net/u2nda/

我刚刚学会了如何在 Python (3.2.2) 中使用 tkinter，我在使用网格管理器时遇到了一些问题。例如，当我放置 button.grid(sticky=SE) 时，按钮并没有放在右下角，而只是放在左上角，忽略了粘性值。我在这里做错了什么？我试图搜索它，但我无法真正找出我做错了什么。

我如何配置 apache 以实现具有粘性的负载平衡，以便如果 1 个节点出现故障，那么对该节点的所有请求都将转到我希望它运行的机器。

例如：我们有 3 个节点 A、B、C。负载根据 jsessionid 平均分配。C 下降。jsessionid 具有更多偶数字符（0、2、4、6、8）的所有会话转到机器 B，所有 jssessionid 具有更多奇数字符（1、3、5、7、9）的会话转到机器 B到机器 A。如果两者相等，则会话应该转到 A。

我将 WPF ListBox 绑定到分组的 ICollectionView。ListBox 与组标题一起正确显示，但我想为此添加其他行为。

我希望组标题保持在顶部，直到下一个组标题导致它滑出视图。这类似于 iPhone 联系人列表的工作方式，其中标题“A”、“B”、“C”一直位于顶部，直到下一个字母类别替换它。

我认为这将是一个流行的功能，但我无法在网上找到这个示例。