Jquery 2分视差滚动

我正在寻找一种方法来滚动2个不同高度的div容器，将其放置在彼此的顶部，并具有视差效果

我发现stellar.js可能会帮我解决这个问题，但在这种情况下我无法让它工作

代码：

jQuery（文档）.ready（函数（$）{
$.stellar（）；
});
main{高度：4000px；边距：100px 0；位置：相对；}
.layer{边距：自动；不透明度：.8；位置：绝对；顶部：0；}
.图层背面{宽度：80%；高度：2000px；左侧：10%；背景：#F96；}
.层前{宽度：50%；高度：4000px；位置：相对；背景：#CF9；}

分层
层锋
我已经为您使用了图片，为了清晰地显示效果，您不需要视差插件，使用Jquery非常简单

<main>
<div class="bg"></div>
<div class="bg2">
</div>
</main>



我已经为您使用了图片，为了清晰地显示效果，您不需要视差插件，使用Jquery非常简单

<main>
<div class="bg"></div>
<div class="bg2">
</div>
</main>



非常感谢您的帮助。这确实起到了作用，尽管我需要根据我的情况稍微调整一下。但它给了我正确的方向。谢谢：）@Joe Hana不客气：-）我故意用那种方式显示它，这样你就可以准确地看到在哪里更改参数，我还没有看到一个更短的视差函数：-）它将不停地调用滚动上的函数，但是我已经在移动网站上使用了这个，并且仍然得到了谷歌的高速测试结果。非常感谢你的帮助。这确实起到了作用，尽管我需要根据我的情况稍微调整一下。但它给了我正确的方向。谢谢：）@Joe Hana不客气：-）我故意用那种方式显示它，这样你就可以准确地看到在哪里更改参数，我还没有看到一个更短的视差函数：-）它将不停地在滚动上调用该函数，但我已经在实时移动网站上使用了它，并且仍然获得了谷歌高速测试结果。