如何創建一個可滾動的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