我刚刚发现了这个关于艺术的好网站。我很好奇他们可以让左边的头球粘在顶部然后停在特定的地方。由于我的理解，position: absolute;应该一直坚持下去，不是吗？
我们是否需要任何 javascript 或仅 CSS 来制作相同的东西？提供的例子会很棒。
问问题
118 次
3 回答
2
如果您检查元素然后向下滚动，您可以看到它是如何工作的。
直到absolute您滚动了大约 90 像素，然后它才会更改position为static. 静态使元素浮动在页面上。
于 2012-11-08T16:22:57.230 回答
2
是的，它似乎使用 JS 来创建这种效果。最简单的判断方法是在 Chrome/Chromium 中点击 Inspect Element，然后滚动查看文章——注意position滚动时内联属性如何变化。这只能通过 JS 发生。
不仅如此，很难说，因为他们所有的脚本都被缩小了，但我假设它使用jQuery.scroll()'s 回调来检测正在显示的文章，然后基于它触发固定/绝对样式交换以允许标题滚动或不是。
于 2012-11-08T16:26:38.477 回答
1
这个Way Points 插件正是我认为您正在寻找的。它使用 jquery 根据用户滚动的位置将定位从绝对位置更改为固定位置
你不能只用 css 来完成这个，你需要一些 jQuery 的 javascript 来监控用户滚动
当然，您可以自己编写脚本来检测滚动并手动更改定位，但如果您没有太多经验（因为您还不知道那是 javascript - 或者绝对定位不会坚持元素到顶部）挑衅地使用插件并首先习惯它的工作方式。
于 2012-11-08T16:25:20.023 回答