是否有办法在滚动时实现"视差"效果?
我使用this
或者任何不同的脚本来实现整页滚动(带导航)和视差效果。
提前感谢。
编辑:我真正想做的是这个效果- 这里
2017年3月更新
现在有一个Parallax fullPage.js扩展提供了这样的效果。2014年11月更新
现在fullPage.js提供了一个新的选项
scrollBar
,当设置为true
时,允许fullPage.js与任何视差插件以及任何其他插件使用scrollTop
位置作为其效果的参考。这是由于这样一个事实,当使用scrollBar:true
fullpage.js实际上是滚动网站使用的jQuery方法scrollTo
,这是应用于浏览器的滚动。
这里有一个示例。
有一个方法,请在fullpage.js问题论坛中查看这个主题:https://github.com/alvarotrigo/fullPage.js/issues/203
这里你有一个网站使用fullpage.js与一些视差效果:http://www.saltaboombox.com.ar/
只是考虑到,fullpage.js不触发scroll
事件,它不是滚动,但改变top
或translate3d
属性的全页包装。