返回頂部的功能是我們在設計原型時很常見的功能之一，具體表現爲：
1、頁面可進行滾動
2、頁面滾動時返回頂部按鈕不隨着頁面滾動
3、點擊按鈕頁面返回到頂部。
原型演示可以點擊查看：https://a1ivai.axshare.com
我們一起來看看根據上述的表現，要怎麼製作這個案例
1、畫出頁面展示圖
首先，需要打開Axure軟件，並在畫板上畫出整個頁面的展示圖，即網頁的整體畫面。這裏用截圖演示，大家根據實際需要去繪製頁面。
2、創建交互元件
（1）錨點
首先需要創建一個錨點，因爲後面的用例設置需要用到錨點進行定位。我們可以用熱區部件，或看任何空白內容的部件去製作，或者用頂部的部件去指代。在我的這個案例裏邊，我是使用完整的截圖，所以可用圖片作爲錨點。
如果是另外部件製作的話，位置爲（X=隨意，Y=0）即可。
（2）返回頂部按鈕
①要創建返回頂部按鈕，大家可以使用圖片，或者自己繪製圖標。這裏我使用的是一個簡單的向上圖標。重要的一個步驟是將按鈕轉化成動態面板。我們使用到了動態面板的屬性——固定到瀏覽器。
②設置固定到瀏覽器的數值，具體可以根據自身需要進行選擇。如果按鈕的位置確定爲上一步時的位置，可以不更改數值，直接勾選即可
③然後設置返回頂部按鈕的“鼠標點擊時”的用例爲：滾動到部件<錨鏈接>，僅垂直滾動，動畫爲線性500ms
這個案例主要用到了動態面板的固定到瀏覽器的屬性，以及滾動到部件<錨鏈接>的這個動作。
1、在製作頁面的時候，需要注意頁面內容要比瀏覽器的頁面高度更高，這樣才能讓頁面進行滾動操作。
2、動態面板的固定到瀏覽器，是相對於瀏覽器而言，而不是相對於這個頁面而言。
3、滾動到部件<錨鏈接>，在設置這個動作的時候，滾動方向和動畫效果根據原型的實際需要去設置。
本文只是講了這個案例的最基礎的應用，重點在怎麼根據案例的交互表現去製作原型。更復雜的應用，大家可以先分析看看，如果在製作上有問題，可以跟其他朋友做更深入的分析與探討。