如何创建一个可滚动的html区域，该区域只使用主浏览器滚动条

Question

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

没有多余的垂直滚动条。它的全部通过主浏览器滚动条滚动。所以它的CSS或JavaScript的魔术！任何想法他们如何做到这一点？

干杯，

Phil。

Answer 1

它是动态变化的，其具有position:absolute;top:76px;股利#stalker。当用户滚动时，将位置更改为position:fixed;top:0并将其保留在固定位置，使您能够滚动其余内容。

---

编辑

我创造了这个behavoir的例子，因为我很好奇，这里的演示，如果你要检查它http://jsbin.com/igiji5/3

Answer 2

这是使用JavaScript创建的。

我可以使用萤火检查DIV＃死缠烂打，它改变类，当你滚动样式属性看。

Answer 3

Atlassian的公布的JavaScript源在http://docs.atlassian.com/aui/3.0/jquery.stalker.js.html