美好的一天，我在使用固定位置实现滚动图像时遇到问题。 我通过创建两个具有固定位置的背景图像来完成我想要的一半，（1是正常，2是灰度）。
一旦我将其上传到wp网站，它们会保留在背景中+它们位于页面的左上角，（即使我指定了它们的位置，但图像固定在视口上，这是我不想要的）。
这是我的代码的链接：[https://jsfiddle.net/rf759hw3/1/][1]
现在我想要实现的目标是： 1 - 滚动时将图像保持在指定位置。 2 - 一旦我到达有图像的页面部分，只有滚动从灰度开始到原始（而不是我滚动页面本身）。
我找到了一个网站，它实现了我想要实现的相同概念：
http://tnc.org.cn/#TNC#events（河段）
但他们充满了很多依赖的JS，而且我还不熟悉js btw。
经过几天的研究后，我找到了一些可以使用名为"Magic Scroll"的js来实现我的目的的东西，但是我找不到一个能够实现我的目的的例子，这就是当我滚动时保持我的图像就位。当我到达他们的部分时，彼此重叠，任何建议或帮助都非常感谢。感谢