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