啥是頁(yè)面滾動(dòng)吸附轧简，說白了，比如頁(yè)面上的登錄框嗡载，隨著頁(yè)面的滾動(dòng)窑多，吸附在頁(yè)面的頂部，這個(gè)功能可以通過Axure里面的window.scrollY實(shí)現(xiàn)洼滚。
效果查看：http://www.axurestudy.cn/pr/index.html
【需求分析】
1埂息、初始頁(yè)面，顯示百度查詢結(jié)果列表和登錄框；
2耿芹、頁(yè)面向下滾動(dòng)，當(dāng)滾動(dòng)位置小于登錄框的位置(Y坐標(biāo))時(shí)候挪哄，登錄框位置不該表吧秕；
3、當(dāng)滾動(dòng)位置大于登錄框的位置(Y坐標(biāo))時(shí)候迹炼，登錄框吸附到頁(yè)面頂部砸彬；
【原型設(shè)計(jì)】
1、制作一個(gè)內(nèi)容顯示頁(yè)面斯入，這個(gè)頁(yè)面要內(nèi)容要超過1屏砂碉，這樣頁(yè)面才能向下拖動(dòng)；為了方便起見刻两，我直接用百度搜索結(jié)果截圖了增蹭；
2、制作一個(gè)登錄框磅摹，登錄框包括賬號(hào)滋迈、密碼和登錄按鈕，然后把這些元件組合户誓，命名為login饼灿；
3、設(shè)置全局變量init_y,用于記錄登錄框的初始位置帝美；
【交互設(shè)計(jì)】
1碍彭、設(shè)置頁(yè)面的裝載事件，在頁(yè)面裝載的時(shí)候悼潭，設(shè)置init_y 登錄框的Y坐標(biāo)庇忌；
2、設(shè)置頁(yè)面滾動(dòng)事件女责，當(dāng)窗口滾動(dòng)?window.scrollY>=?登錄框的初始位置init_y的時(shí)候漆枚，把登錄框移動(dòng)到滾動(dòng)位置；
當(dāng)窗口滾動(dòng)?window.scrollY<?登錄框的初始位置init_y的時(shí)候抵知，把登錄框移動(dòng)到初始位置init_y墙基；
回復(fù)【入門】 ，獲取零基礎(chǔ)Axure快速入門視頻教程刷喜；
回復(fù)【安裝】 残制，獲取安裝程序；
回復(fù)【練習(xí)】 掖疮，獲取練習(xí)案例初茶；
回復(fù)【高保真】，獲取高保真原型浊闪；
關(guān)注微信公眾號(hào)【猿型庫(kù)】恼布，獲取更多優(yōu)質(zhì)Axure資源螺戳；
