如何在 slaveryfootprint.org 主页上设置动画/移动元素
Posted
技术标签:
【中文标题】如何在 slaveryfootprint.org 主页上设置动画/移动元素【英文标题】：How to animate/move an element like on slaveryfootprint.org homepage 【发布时间】：2012-01-08 21:50:48 【问题描述】：当向下滚动 Slavery Footprint http://slaveryfootprint.org/ 的主页时，各种元素会进入视图。一旦超过某个阈值，这些项目就不会动画，而是当用户滚动时它们会逐渐移动 - 当您向上滚动时，这些项目也会向相反的方向移动。这有意义吗？
我使用 jQuery 顺便说一句..
干杯
【问题讨论】：
您所引用的效果通常称为视差滚动，搜索该术语应该会给您一些教程和插件来查看。 我对视差滚动了如指掌，但我认为这与此不同。视差滚动是指元素以不同的速度（相对于滚动速度）在屏幕上移动以从查看者那里获得深度的外观。你有看到？我只需要在页面滚动时移动一些东西。 【参考方案1】：看看jquery scroll 例子 http://jsfiddle.net/gR25R/106/
有几个插件可以更好地控制鼠标滚轮。
【讨论】：
你提出了一个解决方案，然后说那里有更好的解决方案？也分享一下怎么样？ jquery的插件站点暂时不可用，所以我不能链接一个:) plugins.jquery.com【参考方案2】：我不知道有什么插件可以让你这样做，你必须自己编写代码。
正如 Antoine Kociuba 所说，这是一个很好的教程，可以帮助您入门：http://pehaa.com/2011/08/intriguing-animate-on-scroll-effect-jquery-tutorial/
【讨论】：
以上是关于如何在 slaveryfootprint.org 主页上设置动画/移动元素的主要内容，如果未能解决你的问题，请参考以下文章