路上骑行,湖上泛舟,天上鸟飞..这些场景用Axure是可以做出来的,是不是很好玩,,来,一起来试试呀~
灵感来源于:http://www.ux-designer.com/single-post/2013/10/09/Parallax-scrolling-with-axure-7
效果图
实现原理
创建一个动态面板中作为可移动区域,他状态1包含了车子面板和背景面板;可移动区域面板固定在屏幕,窗口滚动时,车子和背景面板往相反方向移动,并且限定车子、背景面板移动的范围不能超过可移动区域。
步骤来也
1、设置好基本的元件
2、将可移动区域面板固定在屏幕
3、窗口向下滚动时,车子面板向右移动,背景往左移动,移动区域不能超过可移动区域面板
4、窗口向下移动时,车子后退,背景前移
5.大功已成,虽然可能会有点小瑕疵,不过等以后学了更精准的函数方式设置参数再优化吧,大家有更好的方法也欢迎讨论~~
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。