在用Axure9制作導(dǎo)航吸頂效果時(shí)，常常不知道如何下手，摸不著門(mén)路。作者結(jié)合自己的實(shí)戰(zhàn)，與大家分享制作導(dǎo)航吸頂效果的思路，一起來(lái)看看。

請(qǐng)注意查看本方案采用最簡(jiǎn)潔快捷的方式，與已有文章實(shí)現(xiàn)方式不同，解決實(shí)現(xiàn)頁(yè)面向下移動(dòng)時(shí)，頁(yè)面中部導(dǎo)航吸頂效果，（app/web全適用）直接上教程～

1、將下滑吸頂?shù)膶?dǎo)航復(fù)制一份，移動(dòng)至頂部設(shè)置為動(dòng)態(tài)面板；將復(fù)制的導(dǎo)航命名為“吸頂導(dǎo)航”。

2、設(shè)置導(dǎo)航頁(yè)面吸頂：選中頂部導(dǎo)航右鍵，選擇固定置到瀏覽器，點(diǎn)選「固定到瀏覽器窗口」，選擇置頂；后將其設(shè)置隱藏；

3、創(chuàng)建輔助元件：創(chuàng)建一個(gè)小熱區(qū)放置頁(yè)面左上角命名“固定某點(diǎn)”，將其轉(zhuǎn)換成動(dòng)態(tài)面板，并且設(shè)置固定至瀏覽器頂部。下面再創(chuàng)建一個(gè)熱區(qū)長(zhǎng)度至頁(yè)底命名為“滾動(dòng)某點(diǎn)”。

4、創(chuàng)建吸頂導(dǎo)航顯示狀態(tài)：頁(yè)面全局交互設(shè)置，點(diǎn)擊「新建交互」，選擇窗口Scrolled，點(diǎn)擊「顯示/隱藏」，選擇目標(biāo)“吸頂導(dǎo)航”

5、創(chuàng)建吸頂導(dǎo)航顯示條件：在全局交互-窗口Scrolled，點(diǎn)擊「啟用情形」；依次選擇“元件范圍”“滾動(dòng)某點(diǎn)”“接觸”“元件范圍”“固定某點(diǎn)”，點(diǎn)擊確定；

6、創(chuàng)建吸頂導(dǎo)航隱藏條件：再次點(diǎn)擊「添加情形」，添加情形2如下圖，設(shè)置未接觸元件隱藏吸頂導(dǎo)航。

7、最后設(shè)置好的交互事件如下圖：

查過(guò)目前很多網(wǎng)站上推薦的實(shí)現(xiàn)教程，發(fā)現(xiàn)要么過(guò)于復(fù)雜不好理解，要么適用axure老版本；特此總結(jié)此方案，希望對(duì)你有幫助，若有疑問(wèn)歡迎留言哦～