在滚动封面上一节中，没有 js
On scroll cover previous section, no js
我正在尝试执行滚动效果。
滚动时，下一页部分应覆盖当前部分。
因此，当前部分停靠在屏幕顶部，当下一部分到达时，当前部分会逐渐被覆盖但不会移动。
基本上我是想重现我在这个网站上找到的效果：
http://www.squarespace.com/seven/interface
它仅适用于 css（我尝试禁用 js）
我尝试对其进行逆向工程，但到目前为止我没有成功。
如果有人有这样的建议，我将不胜感激。
主要思想是每个 <section> 都有高度以及 position: relative 和 'overflow: hidden'。但是这些部分中的每个标签都有 position: fixed.
我试着在关闭 JavaScript 的情况下查看该站点，除了空白屏幕和滚动条外什么也没有（在 Chrome、Firefox 和 Safari/iOS 中也是如此）。此外，Chrome 告诉我在滚动时会调用各种函数。除非这里有一些严重的诡计，否则 squarespace.com 似乎在使用 JavaScript.
虽然您可以使用复选框之类的东西来设置 and/or 为不同部分的 top 设置动画，但我认为少数用户的结果无法验证开发时间。
我整理了一个小 fiddle，如果您想要像您链接到的网站那样的东西，它应该可以帮助您。请注意，如果您禁用或注释掉 JavaScript.
，这仍然可用
我正在尝试执行滚动效果。 滚动时，下一页部分应覆盖当前部分。 因此，当前部分停靠在屏幕顶部，当下一部分到达时，当前部分会逐渐被覆盖但不会移动。
基本上我是想重现我在这个网站上找到的效果： http://www.squarespace.com/seven/interface
它仅适用于 css（我尝试禁用 js）
我尝试对其进行逆向工程，但到目前为止我没有成功。
如果有人有这样的建议，我将不胜感激。
主要思想是每个 <section> 都有高度以及 position: relative 和 'overflow: hidden'。但是这些部分中的每个标签都有 position: fixed.
我试着在关闭 JavaScript 的情况下查看该站点，除了空白屏幕和滚动条外什么也没有（在 Chrome、Firefox 和 Safari/iOS 中也是如此）。此外，Chrome 告诉我在滚动时会调用各种函数。除非这里有一些严重的诡计，否则 squarespace.com 似乎在使用 JavaScript.
虽然您可以使用复选框之类的东西来设置 and/or 为不同部分的 top 设置动画，但我认为少数用户的结果无法验证开发时间。
我整理了一个小 fiddle，如果您想要像您链接到的网站那样的东西，它应该可以帮助您。请注意，如果您禁用或注释掉 JavaScript.
，这仍然可用