第一步：昆明網(wǎng)站制作小編將準(zhǔn)備好的feedback_normal.jpg、mobile_normal.jpg和back2top_normal.jpg 三張圖像素材拖放到Axure設(shè)計區(qū)域，見圖39，并分別給三張圖像添加鼠標(biāo)懸停時的交互樣式，見圖40。

（圖39）

（圖40）

第二步：同時選中這三個圖像部件，單擊右鍵，在彈出的關(guān)聯(lián)菜單中選擇【轉(zhuǎn)換為動態(tài)面板】并給其命名為scroll2top，右鍵單擊該動態(tài)面板，在彈出的關(guān)聯(lián)菜單中選擇【固定到瀏覽器】，在彈出的【固定到瀏覽器】對話框中勾選【固定到瀏覽器窗口】，水平固定【右】，邊距【20】，垂直固定【底部】，邊距【20】，如圖41所示。單擊【確定】按鈕關(guān)閉【固定到瀏覽器】對話框。

此時，昆明網(wǎng)站建設(shè)小編認(rèn)為scroll2top已經(jīng)被固定在瀏覽器右下角了，但是由于設(shè)計區(qū)域中還沒有內(nèi)容，所以瀏覽器無法滾動，在【部件】面板中拖放一個矩形部件到設(shè)計區(qū)域，并將其坐標(biāo)設(shè)置為（x:0，y:2000）。

第三步：在【部件】面板中拖放一個熱區(qū)部件到設(shè)計區(qū)域，給其命名為stone_top，并設(shè)置其坐標(biāo)（x:0，y:0），見圖42。

（圖41）

（圖42）

第四步：在【Outline：頁面】面板中雙擊scroll2top動態(tài)面板下的【回到頂部】圖像，見圖43，然后在部件【屬性】面板中雙擊【鼠標(biāo)單擊時】事件，在彈出的【用例編輯器】中新增【滾動到部件＜錨鏈接＞】動作，在右側(cè)的配置動作中勾選stone_top熱區(qū)，在底部選擇【僅垂直滾動】，動畫【搖擺】，時間【300】毫秒，見圖44。單擊【確定】按鈕關(guān)閉【用例編輯器】。

第五步：在頂部的工具欄中單擊【預(yù)覽】按鈕，或者按下快捷鍵F5/Shift+Command+P，快速預(yù)覽交互效果。

（圖43）

（圖44）