Question

我正在寻找一个名为Parallax的jQuery插件，但我无法在任何地方找到链接：

插件来源： http://www.laurentiuswonen.com/jaarverslag2010/assets/js/jquery.parallax.js

Answer 1

如果谷歌是正确的http://www.ianlunn.co.uk/plugins/jquery-parallax/

，请相信它

Answer 2

我一直在寻找。我创建了一个挂钩到window.scroll事件并将div移动到适当位置的文件。

https://github.com/eiu165/Parallax/tree/master/src

working sample

我对原版进行了扩展，使其更易于使用。我的工作水平。随意使用它。

使用 var hotSpots = [0, 2000, 4000, 6000, 8000];定义网页的位置

然后对你的移动div进行分类并给它一个 x speed 和 y speed 并将元素放在移动div内的 x位置和 y位置以及您希望它显示的帧（页面）。

<div class="parallax"  data-speed-x="0"  data-speed-y="0.8" >
    <div   data-frame-y="220" data-frame-x="200" data-frame="1"  ><img src="./img/moon.png"  /></div>
    <div   data-frame-y="350" data-frame-x="420" data-frame="4" ><img src="./img/sun.png"  /></div>

</div>

<div class="parallax"  data-speed-x="-0.4"  data-speed-y="0.0" >
    <div   data-frame-y="800" data-frame-x="420" data-frame="3" ><img src="./img/tree.png"  /></div>
    <div   data-frame-y="750" data-frame-x="320" data-frame="4" ><img src="./img/tree.png"  /></div> 
</div>

它基于我发现的基于此网站的内容。 http://f6design.com/projects/parallax-scrolling/

寻找插件jQuery视差

2 个答案: