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

标签 javascript css

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

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

最佳答案

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

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

关于javascript - 坚持到顶部然后放入 css - [我有示例网站],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13293064/

相关文章:

javascript - 邮资计算器无法在 IE 中输出

php - 博客文章的自定义页面模板只显示空白屏幕

html - 如何在一个页面中使用两种字体系列?

html - CSS join form input, select and submit elements into a single box

css - 防止多个内联元素以分隔符开头

javascript - 从 Backbone.js 模型中删除属性

javascript - String.slice 和 string.substring

javascript - 动态设置 Apollo 客户端 header 不起作用

javascript - hsv到rgb颜色转换背后的数学

css - 如何定位标题,就好像它仍在表格内一样