我正在查看 JIRA ( e.g. here, an issue in JIRA 4 ) 中的一个问题,我注意到 JIRA 4 有一些有趣的滚动行为,当使用主浏览器滚动条向下滚动时,jira 标题向上滚动,然后是问题标题固定在顶部,然后问题的其余部分继续滚动。因此问题标题始终可见。
没有额外的垂直滚动条。它全部通过主浏览器滚动条滚动。所以它要么是 css 要么是 javascript 魔法!知道他们是怎么做到的吗?
干杯,
菲尔。
最佳答案
它动态地改变具有 position:absolute;top:76px;
的 div #stalker
。当用户滚动时,将位置更改为 position:fixed;top:0
并将其保持在固定位置,使您能够滚动其余内容。
编辑
我创建了一个这种行为的例子,因为我很好奇,如果你想检查它,这里有演示 http://jsbin.com/igiji5/3
关于javascript - 如何创建一个仅使用主浏览器滚动条的 html 可滚动区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4922181/