固定背景滚动效果相对于单独元素上的背景

Question

我想知道社区是否可以帮助我。我有一个非常具体的要求。我想达到以下效果： https://iphone.artsy.net/ 要么 http://www.discovershadow.com/

创建背景附件：固定为与背景颜色一起更改的移动应用的演示。我已经在其他页面上看到了这种“效果”，但是如果它有一个名字，就不能指责它。我知道一种方法是实现它是将应用程序和背景放在一个图像中并在css中完成所有操作。但是我想通过将两个单独但相互改变的内容来实现这一点。

我知道显然是javascript，但由于我在该领域的技能有限，除了在stackoverflow上查找代码片段并在我的项目中实现它们之外，无法编写复杂的函数。我查看了链接页面上的代码，但是想出来并尝试根据它编写自己的代码感觉很重。

所以我想知道是否有人之前已经编写了这样的代码，并愿意与我分享。非常感谢，但我明白这可能是一件大事。

谢谢大家！

Answer 1

剪辑：rect（自动，自动，自动，自动）;

仅解决了css的问题。