Phi*_*hil 7 html javascript css scroll
我在JIRA中查看了一个问题(例如,这里是JIRA 4中的一个问题),我注意到JIRA 4有一些有趣的滚动行为,当使用主浏览器滚动条向下滚动时,jira标题会向上滚动,然后是问题标题保持固定在顶部,然后问题的其余部分继续滚动.因此问题标题始终可见.
没有额外的垂直滚动条.它全部通过主浏览器滚动条滚动.所以它的css或javascript魔术!知道他们是怎么做到的吗?
干杯,
菲尔.
它动态地改变DIV #stalker拥有position:absolute;top:76px;.当用户滚动时,将位置更改为position:fixed;top:0并将其保存在固定位置,使您能够滚动其余内容.
编辑
我创建了这个行为的一个例子,因为我很好奇,如果你想检查它,请在这里演示http://jsbin.com/igiji5/3