css - 通过 css3/javascript 滚动页面背景图像过渡

Question

我正在寻找通过滚动或链接按钮移动到下一个或上一个 div 时页面背景图像(动画)滚动过渡的解决方案。 这是示例站点 http://zurb.com/manifesto带有对象的背景沿着滚动移动/动画。如果有人可以帮助这项技术。

Answer 1

您正在寻找的是一个视差滚动 插件。以下是一些带有几个选项的链接:

• http://www.impressivewebs.com/parallax-scrolling-scripts-plugins/
• http://smashinghub.com/7-jquery-parallax-and-scrolling-effect-plugins.htm
• http://idesignow.com/jquery/9-jquery-parallax-scrolling-plugins-tutorials.html#.UWtI4LWZ-vs

这里有一些教程:

• http://richardshepherd.com/smashing/parallax/
• http://net.tutsplus.com/tutorials/html-css-techniques/simple-parallax-scrolling-technique
• http://pepsized.com/merry-scrolling-with-skrollr-js/

一旦您知道它的名称，您将能够找到更多示例和教程来帮助您。