axure 怎麼做導航吸附？

01-16

導航一開始沒有在屏幕最上方，滑鼠滾動，導航會吸附到屏幕上邊緣。不要回復動態面板pin to browser這種簡單的答案。

1.首先頁面製作如圖，將動態面板固定到瀏覽器如圖所示，並設置動態面板為隱藏。

2.添加窗口滾動時事件，

如果windowY軸大於180高度時，則顯示動態面板。

否則隱藏動態面板

3。生成看看

頁面向下滾動時導航頂部吸附效果，這個是你要的。

以axure8為例，圖中搜索目的地移動到瀏覽器頂部時懸浮

1.將搜索目的地設置為一個整體控制項或者動態面板，圖中搜索目的地控制項高度為40

2.切換到頁面載入中，找到onwindowscroll事件，創建兩個事件，事件1用於控制頁面滾動超過搜索目的地位置時的設置，事件2用於還原初始狀態。

3.事件1條件設置為頁面滑動超過控制項當前位置時觸發

4.事件1內容為當頁面移動到搜索目的地位置後，將搜索目的地移動為與當前頁面滾動高度一致，並將搜索目的地控制項置為頂層（防止被後面的頁面壓蓋）

5.事件2內容為，當頁面移動到搜索目的地以上時，將搜索目的地位置重新固定到初始位置（高度40），所用方法與事件1一樣。

然後F5，實測在pc用chrome效果比較流暢，在手機瀏覽器上的動畫效果有些卡頓，但是作為功能演示應該足夠說明了。

Axure原型及交互設計實例 - AxureUX

這裡有導航吸附的rp源文件下載，還有各類axure實現的各類交互實例源文件下載。

直接使用Axure RP7，因為已經支持OnWindowScroll{笑}

Axure RP6 的實現方法：

1.把導航轉成動態面板A，複製一份作為B，把B隱藏起來置頂；

2.把B下面的內容轉成動態面板C；

3.做了一個50*50的動態面板，給它設置每個50毫秒隱藏每50毫秒顯示的，這樣不斷循環，循環的同時不斷判斷:B是否覆蓋C，如果是，則隱藏A，顯示B；如果不是，則不做任何改變。

有朋友測試樓主的方案不行，我過來看看看。如果部件交互這裡設置動作不能解決問題，可以在頁面交互面板設置動作試試。

正是這麼做的。。。

感謝，做出來了

設個動態面板top，固定在（0，-600px）處，把內容設為動態面板content，設可以動的導航欄動態面板為menu1，固定的為menu2，各自設好屬性。頁面載入時設menu1可見，menu2不可見。事件是 if content is over top，set menu1不可見，menu2可見。如果沒有over，就倒過來。

樓主說的還差一點，需要提前在外面添加一個矩形，將頁面設置高一點，讓頁面可以滾動起來，這樣才可以才能看見效果。

圖傳不上去。

如何讓導航固定到左邊，並且瀏覽器寬度改變時不影響左邊的導航條？

太麻煩了，有沒有簡單一點的辦法哦

試了一下沒成也不知道問題出現在哪裡了