gpt4 book ai didi

javascript - 如何创建一个仅使用主浏览器滚动条的 html 可滚动区域

转载 作者:太空狗 更新时间:2023-10-29 14:10:17 31 4
gpt4 key购买 nike

我正在查看 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/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com