Javascript 视差效应不起作用

所以我的主页上有两个“横幅/英雄”部分，我试图在两个横幅上重复使用“视差”类。问题是，它在第一个版本上运行得非常完美，但是当我将视差类添加到第二个英雄时，该部分完全从屏幕上消失，奇怪的是，只有在第二个英雄部分中将背景重复设置为不重复时，才会发生这种情况。这是代码

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
var wScroll=$（window.scrollTop（）；
$（'.parallax'）.css（'background-position'，'center'+（wScroll）+'px'））
})
});
.hero{
高度：100vh；
背景图像：线性渐变（到底部，rgba（205，169，157，0.7），rgba（205，169，157，0.7）），url（../img/home-1.jpg）；
背景尺寸：封面；
背景重复：无重复；
背景位置：顶部；
}
英雄中学{
高度：90vh；
背景图像：线性渐变（到底部，rgba（205，169，157，0.7），rgba（205，169，157，0.7）），url（../img/home-5.jpg）；
背景尺寸：封面；
背景重复：无重复；
背景位置：顶部；
位置：相对位置；
}
.英雄内容{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
文本对齐：居中；
颜色：$白色；
}

SS-18
fw-18
这就是我解决问题的方法，我必须将Jquery代码编辑为以下内容：

$（窗口）。滚动（函数（）{
var wScroll=$（window.scrollTop（）；
$（'.parallax'）.css（'background-position'，'center'+（wScroll*0.30）+'px'））
})

并删除hero次要类中的background repeat属性。我仍然不知道，如果我设置背景重复：无重复，为什么该部分会消失。如果有人能告诉我为什么会这样，我将不胜感激。谢谢。
如果我在英雄二级中将“背景重复”设置为“重复”，它会工作，但我需要图像本身不重复。我不知道为什么会这样。你能让代码正常工作吗？使用良好的映像路径，包括jquery，etc@TemaniAfif什么意思？一切正常问题是当我设置背景重复：不重复；在hero secondary类中，只要我这样做，该部分就会从网页中消失，如果我没有设置background repeat属性，它就会工作，但我需要图像不重复。我的意思是在这里的代码片段中，单击“run”并查看。。。有很多问题，我们无法运行您的代码来查看发生了什么，因此您需要让代码正常工作，以便能够重现您遇到的问题，包括代码片段中的JQuery，然后我们可以看到您正在尝试什么。