【发布时间】:2015-05-26 19:06:57
【问题描述】:
我正在尝试执行滚动效果。 滚动时,下一页部分应覆盖当前部分。 因此,当前部分停靠在屏幕顶部,当下一部分到达时,当前部分逐渐被覆盖但不会移动。
基本上我试图重现我在这个网站上找到的效果: http://www.squarespace.com/seven/interface
它仅适用于 css(我尝试禁用 js)
我尝试对其进行逆向工程,但到目前为止我还没有成功。
如果有人有这样的建议,我将不胜感激。
【问题讨论】:
-
可能
position:fixed;和background-attachment:fixed;使用 CSS -
这就是我想要做的。但这不是他们在网站上的做法。
-
它不必与网站上的完全一样。发挥你的想象力!
-
我知道,但如果你想使用 position: fixed,你必须跟踪部分的位置并使用 javascript 更改属性。这工作非常顺利,所以我想以此为基础并继续努力。
-
你说你禁用了 javascript,它起作用了。我刚刚禁用了 javascript 并在刷新页面时收到了一个白屏。禁用时刷新了吗?该页面很可能使用 JS 来应用一些基本高度,因为如果没有以像素为单位定义父级,则无法以百分比定义高度。