我正在尝试执行滚动效果。 滚动时，下一页应覆盖当前部分。 所以当前部分停靠在屏幕顶部，当下一部分到达时，电流逐渐被覆盖，但不会移动。
基本上我想重现我在这个网站上发现的效果： http://www.squarespace.com/seven/interface
它仅适用于css（我试过禁用js）
我试图对它进行逆向工程，但到目前为止我还没有成功。
如果有人有这样的建议我会非常感激。
答案 0 :(得分：1)
主要思想是每个<section>都有高度，position: relative和'溢出：隐藏'。但这些部分中的每个标记都有position: fixed。
答案 1 :(得分：1)
我尝试在关闭JavaScript的情况下查看该网站，除了空白屏幕和滚动条（在Chrome，Firefox和Safari / iOS中都相同）之外什么都没有。此外，Chrome告诉我滚动时会调用各种函数。除非这里有一些严重的诡计，squarespace.com似乎正在使用JavaScript。
虽然您可能能够使用复选框黑客来设置和/或动画不同部分的top，但我不认为少数用户的结果会验证开发时间。
我把一个小小提琴放在一起，如果你想要链接到的网站，你可以帮助你。请注意，如果禁用或注释掉JavaScript，这仍然可用。