路上騎行，湖上泛舟，天上鳥(niǎo)飛..這些場(chǎng)景用Axure是可以做出來(lái)的，是不是很好玩,,來(lái)，一起來(lái)試試呀~

靈感來(lái)源于：http://www.ux-designer.com/single-post/2013/10/09/Parallax-scrolling-with-axure-7

效果圖

實(shí)現(xiàn)原理

創(chuàng)建一個(gè)動(dòng)態(tài)面板中作為可移動(dòng)區(qū)域，他狀態(tài)1包含了車(chē)子面板和背景面板；可移動(dòng)區(qū)域面板固定在屏幕，窗口滾動(dòng)時(shí)，車(chē)子和背景面板往相反方向移動(dòng)，并且限定車(chē)子、背景面板移動(dòng)的范圍不能超過(guò)可移動(dòng)區(qū)域。

步驟來(lái)也

1、設(shè)置好基本的元件

2、將可移動(dòng)區(qū)域面板固定在屏幕

3、窗口向下滾動(dòng)時(shí)，車(chē)子面板向右移動(dòng)，背景往左移動(dòng)，移動(dòng)區(qū)域不能超過(guò)可移動(dòng)區(qū)域面板

4、窗口向下移動(dòng)時(shí)，車(chē)子后退，背景前移

5.大功已成，雖然可能會(huì)有點(diǎn)小瑕疵，不過(guò)等以后學(xué)了更精準(zhǔn)的函數(shù)方式設(shè)置參數(shù)再優(yōu)化吧，大家有更好的方法也歡迎討論~~

本文由 @萍萍仔 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議