製作頁面 為了體現效果，我們需要做一個比較長（高）的頁面，在Axure工作區中拖入4個矩形，分別為頂部標題、選單、頁面內容、底部。設定矩形寬度和高度，讓其看起來像是一個頁面佈局。 製作隨頁面滾動的標題 為了讓效果更加明顯，我們將標題進行區別設定，設定矩形背景色為黃色，你也可以透過設定其他屬性來進行區別。將標題命名為“標題1”。 製作固定的標題 滾動中固定在頂部的標題並非頁面上的標題，是單獨製作的。 複製“標題1”，將複製的標題命名為“標題2”，設定“標題2”x座標等於“標題1”的x座標，y座標等於0。修改“標題2”背景色為藍色。 製作固定的標題 右鍵單擊“標題2”，點選“轉換為動態面板”，將動態面板命名為“固定選單”，在元件屬性與樣式中點選“固定到瀏覽器”勾選“固定到瀏覽器視窗”，完成後隱藏動態面板。 製作固定錨點 在工作區中拖入一個動態面板，設定其x和y座標等於0，調整其寬度和高度分別為60和20，將動態面板命名為“固定錨點”，設定其固定到瀏覽器。 製作滾動錨點 在工作區中拖入一個熱區，設定其x座標等於0，y座標等於“選單1”的y座標加上固定錨點的高度，設定其寬度等於固定錨點的寬度，高度直接拖動到頁面底部，命名為“滾動錨點”。 設定互動 開啟頁面互動面板，雙擊“視窗滾動時”事件，新增條件“元件範圍 滾動錨點 接觸到 元件範圍 固定錨點”，確定，設定動作為“顯示 固定選單”。 設定互動 繼續在“視窗滾動時”事件上新增動作，新增條件“元件範圍 滾動錨點 未接觸 元件範圍 固定錨點”，確定，設定動作為“隱藏 固定選單”。 9 預覽效果 至此，所有設定均已完成，按F5進行預覽吧。
製作頁面 為了體現效果，我們需要做一個比較長（高）的頁面，在Axure工作區中拖入4個矩形，分別為頂部標題、選單、頁面內容、底部。設定矩形寬度和高度，讓其看起來像是一個頁面佈局。 製作隨頁面滾動的標題 為了讓效果更加明顯，我們將標題進行區別設定，設定矩形背景色為黃色，你也可以透過設定其他屬性來進行區別。將標題命名為“標題1”。 製作固定的標題 滾動中固定在頂部的標題並非頁面上的標題，是單獨製作的。 複製“標題1”，將複製的標題命名為“標題2”，設定“標題2”x座標等於“標題1”的x座標，y座標等於0。修改“標題2”背景色為藍色。 製作固定的標題 右鍵單擊“標題2”，點選“轉換為動態面板”，將動態面板命名為“固定選單”，在元件屬性與樣式中點選“固定到瀏覽器”勾選“固定到瀏覽器視窗”，完成後隱藏動態面板。 製作固定錨點 在工作區中拖入一個動態面板，設定其x和y座標等於0，調整其寬度和高度分別為60和20，將動態面板命名為“固定錨點”，設定其固定到瀏覽器。 製作滾動錨點 在工作區中拖入一個熱區，設定其x座標等於0，y座標等於“選單1”的y座標加上固定錨點的高度，設定其寬度等於固定錨點的寬度，高度直接拖動到頁面底部，命名為“滾動錨點”。 設定互動 開啟頁面互動面板，雙擊“視窗滾動時”事件，新增條件“元件範圍 滾動錨點 接觸到 元件範圍 固定錨點”，確定，設定動作為“顯示 固定選單”。 設定互動 繼續在“視窗滾動時”事件上新增動作，新增條件“元件範圍 滾動錨點 未接觸 元件範圍 固定錨點”，確定，設定動作為“隱藏 固定選單”。 9 預覽效果 至此，所有設定均已完成，按F5進行預覽吧。