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