您如何创建仅使用主浏览器滚动条的 html 可滚动区域答案

【问题标题】：How do you create a html scrollable area, that just uses the main browser scrollbar您如何创建仅使用主浏览器滚动条的 html 可滚动区域
【发布时间】：2011-06-22 18:32:11
【问题描述】：

我正在查看 JIRA (e.g. here, an issue in JIRA 4) 中的一个问题，我注意到 JIRA 4 有一些有趣的滚动行为，当使用主浏览器滚动条向下滚动时，jira 标题向上滚动，然后是问题标题保持固定在顶部，然后问题的其余部分继续滚动。所以问题标题总是可见的。

没有额外的垂直滚动条。它全部通过主浏览器滚动条滚动。所以它要么是 css 要么是 javascript 魔术！知道他们是怎么做到的吗？

干杯，

菲尔。

【问题讨论】：

标签： javascript html css scroll

【解决方案1】：

它会动态更改具有position:absolute;top:76px; 的div #stalker。当用户滚动时，将位置更改为position:fixed;top:0并保持在固定位置，让您可以滚动其余内容。

编辑

我创建了一个这种行为的例子，因为我很好奇，如果你想检查它，这里是演示http://jsbin.com/igiji5/3

【讨论】：

感谢 Sotris 的回答和演示。

【解决方案2】：

Atlassian 在http://docs.atlassian.com/aui/3.0/jquery.stalker.js.html 发布了 Javascript 的源代码

【讨论】：

【解决方案3】：

这是使用 JavaScript 创建的。

我可以通过使用 FireBug 检查 div#stalker 在您滚动时更改类和样式属性。

【讨论】：