Javascript 如何让视差工作在不同的部分（一页）

如何在一页设计的不同部分和图像的不同位置产生视差

现在我正在使用这个代码

HTML标记：

<section class="highlights">
    <img src="images/hero.jpg" alt="" />
</section><!-- End section.highlights -->

JS：

    $('#hero img').css({"bottom": '-' + $(window).scrollTop() / 2 + 'px' });

---

我建议使用一个JavaScript库，比如Skrollr.js

你将有一个伟大的控制你的动画和时间

查看我们的以下两个教程，让您开始使用Skrollr：

    $('#hero img').css({"bottom": '-' + $(window).scrollTop() / 2 + 'px' });