1

我正在创建一个基于“桌面”设计的网站，换句话说，一个页面的 div 页面分布在整个页面中。

我正在使用 scrollTo 进行导航，并且在导航动画期间，我希望背景上方的图像进行视差滚动以帮助感觉深度和运动。

此时我已经使用了许多插件，但没有找到可以提供我正在寻找的东西，所有图像都将在页面的各个区域和不同的速度中具有起始位置，因此我需要能够在页面加载上有一个固定的位置。可能会有大量（ish）需要执行此操作的图像。

我已经在这方面工作了很久，现在我必须使用你们的互联网天才来拯救我！

4

1 回答 1

0

视差滚动相当简单，不需要插件，尽管您可以轻松地将其附加$.fn到使其成为 jQuery 插件：

<img src="foo.jpg" id="parallax1" class="parallax">

<style>
.parallax {
    position : fixed;
    top      : 0px;
    left     : 0px;
}
</style>

<script>
var scroller = $('#parallax1');
$(window).bind('scroll', function(){
   var top = this.scrollTop;
   $('#parallax1').css('top', top * someMultiplier);
});
</script>
于 2011-07-06T15:02:56.543 回答