如何实现视差滚动效果

vincent1110 · 发表于 2012-12-20 10:44:11

发个帖询问一下：想用axure直接做出视差滚动效果的网页（parallax scrolling），不知道能否全部在axure内部实现？
具体的效果：http://www.sullivannyc.com/

有了解的朋友请提示一下，感谢！

taowei_1204 · 发表于 2012-12-20 12:03:02

默认用鼠标滚动的方式估计不行。
可以考虑做个滚动条，滚动条上下拉动时控制多个动态面板不同方向不同速度上下移动，应该能模拟出时差滚动的效果。不过这个太罗嗦了...

vincent1110 · 发表于 2012-12-20 12:10:46

嗯。。我试试看。。

郝昱程 · 发表于 2012-12-26 14:31:14

整个类似的说明情况吧，弄一个iframe，把刚刚的内容都整到iframe里，整个内容转换成动态面板，然后把iframe的滚动条给取消掉，弄几个像他那一样的方块儿按钮，点一下，动态面板向上或者向下滚动不就哦了。

vincent1110 · 发表于 2012-12-27 10:16:57

4# 郝昱程

嗯，谢谢指点，我还得试试看，感谢了！

Streamty · 发表于 2013-1-5 17:04:22

哇~~大家好钻研哪，这么复杂的视差滚动都用axure做呀？
如果是我。。。直接写几句需求说明去解释

郝昱程 · 发表于 2013-1-7 16:56:01

之前给楼主说用内部框架有问题。最近刚好有做类似的。

1111111111111.rp (57.51 KB, 下载次数: 100)

vincent1110 · 发表于 2013-2-5 16:51:57

7# 郝昱程

感谢分享！！这个rp里面实现了背景的滚动，但是更多的小层的视差滚动，我再顺着这个研究一下！