javascript - 坚持到顶部然后放入 css - [我有示例网站]

Question

我刚发现这个 great site关于艺术。我很好奇他们可以让左标题贴在顶部然后停止和特定位置。根据我的理解，position: absolute; 应该始终保持在顶部，不是吗？

我们是否需要任何 javascript 或只需要 CSS 来制作同样的东西？提供的例子会很棒。

Answer 1

是的，它似乎使用 JS 来创建该效果。最简单的判断方法是点击 Chrome/Chromium 中的检查元素，然后滚动浏览文章 - 注意内联 position 属性如何在您滚动时发生变化。这只能通过 JS 实现。

除此之外，很难说，因为他们所有的脚本都被缩小了，但我假设它使用 jQuery.scroll()的回调来检测显示的是哪篇文章，然后基于该回调触发固定/绝对样式交换以允许标题滚动或不滚动。