Axure rp怎么實現(xiàn)頁面部分區(qū)域懸浮效果?
百度經(jīng)驗 發(fā)布時間：2019-07-11 09:00:39 作者：yourshi0099 
我要評論
我要評論Axure rp怎么實現(xiàn)頁面部分區(qū)域懸浮效果？經(jīng)常能在網(wǎng)站上看到懸浮的頁面，想要制作這個懸浮效果的原型，該怎么實現(xiàn)呢？下面我們就來看看詳細的教程，需要的朋友可以參考下
在網(wǎng)站中經(jīng)常見到有一塊區(qū)域處于懸浮狀態(tài)，單擊它就會滾動到指定位置，該怎么實現(xiàn)這個效果呢？下面我們就來看看Axure rp制作懸浮頁面的教程。
1、用鼠標拖一個矩形元件到畫布中，命名為top，寬為700，高為100，文字為頂部；同樣的設置一個底部矩形元件
2、拖兩個矩形元件，點矩形元件中的黑圓點，選三角形。第二個矩形元件要做垂直放置，形成向下三角形。
3、設計后的效果如下：
4、用鼠標拖一個熱區(qū)元件放在向上箭頭的上面，給它添加鼠標單擊時觸發(fā)事件。
5、在用例編輯窗口中，選 滾動到元件錨鏈接，右側元件中選top，并勾選“僅垂直滾動”，點確定。
6、同樣的，拖一個熱區(qū)元件放在向下箭頭的上面，并進行事件設置
7、同時選中向上箭頭和向下箭頭，右鍵，選擇轉換為動態(tài)面板，并對動態(tài)面板進行屬性設置。
8、選擇動態(tài)面板，右鍵|固定到瀏覽器，并進行如下屬性。
9、按F5進行設計效果預覽。按向上箭頭可以滾動到頁首，按向下箭頭滾動到頁尾。
以上就是Axure rp實現(xiàn)頁面部分區(qū)域懸浮效果的教程，希望大家喜歡，請繼續(xù)關注腳本之家。
相關推薦：
相關文章
Axure怎么組合新的元件？Axure中想要創(chuàng)建自己的元件庫，自己可以組合元件，下面我們就來看看詳細的教程，需要的朋友可以參考下2018-09-12
axure怎么制作下拉多選部門的控件？axure中想要制作一個下拉菜單，該怎么制作下拉多選部門的控件呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-09-11
Axure8怎么刪除元件樣式管理？Axure8中想要管理元件，該怎么刪除元件樣式管理？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-09-10
Axure8原型怎么導出為index圖片？Axure8中制作的網(wǎng)頁模型想要導出為index圖片，方便沒有axure的朋友查看，該怎么操作呢？下面我們就來看看詳細的教程，需要的朋友可以參考2018-09-10
Axure8頁面原型怎么搜索內容？Axure8中想要搜索內容，該怎么搜索呢？下面我們就來看看Axure8搜索內容的方法，需要的朋友可以參考下2018-09-09
Axure8控件怎么添加說明信息？Axure插入的控件是可以添加文字說明的，該怎么添加說明信息呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-09-07
Axure怎么設計開關按鈕效果？Axure中想要設計一個開關的按鈕，該怎么制作這個按鈕呢？下面我們就來看看詳細的教程，很簡單，需要的朋友可以參考下2018-09-05
Axure8交互設計怎么導入rp文件？Axure8設計網(wǎng)頁原型的時候，想要導入rp文件，該怎么導入恩？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-09-05
Axure8原型怎么生成HTML文件？Axure8制作的頁面想要生成HTML文件，該怎么生成HTML文件呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-09-04
Axure8歷史記錄怎么刪除？Axure8使用以后會產(chǎn)生歷史記錄，在打開最近編輯的文件中可以看到最近的操作記錄，該怎么清空歷史記錄呢？下面我們就來看看詳細的教程，需要的朋友2018-08-29
