Javascript 视差滚动不工作

我试图将视差滚动合并到我的背景中，它相对于网页内容的移动速度较慢。我一直在学习教程，但什么都没用，我被卡住了。这是JSFIDLE-

这里是javascript。很抱歉，我有很多html/CSS，所以我将把它们留在fiddle链接中。此外，我的背景图像没有显示在小提琴，但它是静态的，当它应该视差在浏览器中

function parallax(){
            var para = document.getElementById("parallax-layer");
            para.style.top = -(window.pageYOffset / 4)+"px";
        }

        window.addEventListener("scroll", parallax, false);

---

如果CSS语法有错误，只需在图像url之前添加

http://

：

背景图像：url(http://link);

如果CSS语法有错误，只需在图像url之前添加
http://
：

背景图像：url(http://link);

我不确定您的具体目标是什么，但请尝试以下方法：

删除：

background-attachment: fixed;

从css中的
#视差层
id。
将您的js更改为：

function parallax(){
         var newtop = (window.pageYOffset / 2);
         $("#parallax-layer").css({top: newtop + 'px'});
         }

window.addEventListener("scroll", parallax, false);

在小提琴上看到结果

使用
background attachment:fixed
图像将不会移动，因为正如属性所述，它是固定的。刚刚剪下来

新的js只是有点不同，我使用了更多的jQuery并更改了4->2。所以它的滚动速度比以前慢。
希望这就是你想要的。
我不确定你的目标到底是什么，但试试这个：

删除：

background-attachment: fixed;

从css中的
#视差层
id。
将您的js更改为：

function parallax(){
         var newtop = (window.pageYOffset / 2);
         $("#parallax-layer").css({top: newtop + 'px'});
         }

window.addEventListener("scroll", parallax, false);

在小提琴上看到结果

使用
background attachment:fixed
图像将不会移动，因为正如属性所述，它是固定的。刚刚剪下来

新的js只是有点不同，我使用了更多的jQuery并更改了4->2。所以它的滚动速度比以前慢。
希望这就是您所要求的。
如果您拼写“document”时没有额外的“e”，可能需要检查控制台输出；您的代码中有一个错误。@Herohtar没有错误。@DanielBeck哇，谢谢，但仍然不起作用。嗨，Ryder，请在您的问题中添加一个。现在，由于问题本身的不完整性，它有被关闭的风险。（特别是，到JSFIDLE的链接非常好，但我们要求您在问题本身中至少包含足够的代码，以便在像JSFIDLE/CodePen这样的站点出现故障时，对问题本身的场景/错误进行最低限度的重现，否则问题将变得无用/无法回答）。如果您拼写为“document”没有额外的“e”，检查你的控制台输出；您的代码中有一个错误。@Herohtar没有错误。@DanielBeck哇，谢谢，但仍然不起作用。嗨，Ryder，请在您的问题中添加一个。现在，由于问题本身的不完整性，它有被关闭的风险。（特别是，到JSFIDLE的链接非常好，但我们要求您至少包含足够的代码，以便在JSFIDLE/CodePen这样的站点出现故障时，能够在问题本身中对场景/错误进行最小程度的重现，否则问题将变得无用/无法回答）。谢谢！但我仍然需要帮助，让它成为视差。谢谢！但我仍然需要帮助，让它成为视差。