在網站中經常見到有一塊區域處于懸浮狀態，單擊它就會滾動到指定位置，該怎么實現這個效果呢？下面我們就來看看Axure rp制作懸浮頁面的教程。

1、用鼠標拖一個矩形元件到畫布中，命名為top，寬為700，高為100，文字為頂部；同樣的設置一個底部矩形元件

2、拖兩個矩形元件，點矩形元件中的黑圓點，選三角形。第二個矩形元件要做垂直放置，形成向下三角形。

3、設計后的效果如下：

4、用鼠標拖一個熱區元件放在向上箭頭的上面，給它添加鼠標單擊時觸發事件。

5、在用例編輯窗口中，選 滾動到元件錨鏈接，右側元件中選top，并勾選“僅垂直滾動”，點確定。

6、同樣的，拖一個熱區元件放在向下箭頭的上面，并進行事件設置

7、同時選中向上箭頭和向下箭頭，右鍵，選擇轉換為動態面板，并對動態面板進行屬性設置。

8、選擇動態面板，右鍵|固定到瀏覽器，并進行如下屬性。

9、按F5進行設計效果預覽。按向上箭頭可以滾動到頁首，按向下箭頭滾動到頁尾。

以上就是Axure rp實現頁面部分區域懸浮效果的教程，希望大家喜歡，請繼續關注武林網。

相關推薦：

Axure RP8怎么快速導入圖片?

Axure rp怎么實現在新窗口打開鏈接?

Axure RP8中文本框怎么添加提示信息?