メインブラウザのスクロールバーを使用するhtmlスクロールエリアの作成方法

Question

JIRA（e.g. here, an issue in JIRA 4）の問題を見ていましたが、JIRA 4には興味深いスクロール動作があります。ジラヘッダーが外にスクロールして、問題のタイトルは一番上に固定されたままになり、残りの問題はスクロールし続けます。だから、問題のタイトルは常に見えます。

追加の垂直スクロールバーはありません。そのすべてがメインブラウザのスクロールバーを介してスクロールされます。だからそのCSSまたはjavascriptの魔法！どのように彼らはそれを行う任意のアイデア？

乾杯、

フィル。

Answer 1

を持つdiv #stalkerが動的に変更されます。ユーザーがスクロールすると、位置がposition:fixed;top:0に変更され、固定された場所に保持され、残りのコンテンツをスクロールすることができます。私は興味があったので、

---

編集

私は、このbehavoirの例を作成し、ここでのデモあなたはそれがhttp://jsbin.com/igiji5/3

Answer 2

これはJavaScriptを使用して作成されます。

FireBugを使ってdiv＃stalkerを調べると、スクロール時にクラス属性とスタイル属性が変更されることがわかります。

Answer 3

アトラシアンはhttp://docs.atlassian.com/aui/3.0/jquery.stalker.js.htmlでのJavascriptのソースを公開し確認する場合