Axure怎么制作頁面滾動時菜單固定在頂部的頁面？
我要評論Axure可以制作出保真度相當高的原型，除了頁面布局、UI以外，其強大的交互設計能力讓這些本來靜止的元素高效交互起來，形成以假亂真的高保真原型。本文介紹如何做一個在滾動中將菜單固定在頂部的頁面，屬于中級Axure案例。本文旨在展示交互效果，不對頁面具體內容和UI進行設計。
1、制作頁面
為了體現(xiàn)效果，我們需要做一個比較長（高）的頁面，在Axure工作區(qū)中拖入4個矩形，分別為頂部標題、菜單、頁面內容、底部。設置矩形寬度和高度，讓其看起來像是一個頁面布局。
2、制作隨頁面滾動的標題
為了讓效果更加明顯，我們將標題進行區(qū)別設置，設置矩形背景色為黃色，你也可以通過設置其他屬性來進行區(qū)別。將標題命名為“標題1”。
3、制作固定的標題
滾動中固定在頂部的標題并非頁面上的標題，是單獨制作的。復制“標題1”，將復制的標題命名為“標題2”，設置“標題2”x坐標等于“標題1”的x坐標，y坐標等于0。修改“標題2”背景色為藍色。
4、制作固定的標題
右鍵單擊“標題2”，點擊“轉換為動態(tài)面板”，將動態(tài)面板命名為“固定菜單”，在元件屬性與樣式中點擊“固定到瀏覽器”勾選“固定到瀏覽器窗口”，完成后隱藏動態(tài)面板。
5、制作固定錨點
在工作區(qū)中拖入一個動態(tài)面板，設置其x和y坐標等于0，調整其寬度和高度分別為60和20，將動態(tài)面板命名為“固定錨點”，設置其固定到瀏覽器。
6、制作滾動錨點
在工作區(qū)中拖入一個熱區(qū)，設置其x坐標等于0，y坐標等于“菜單1”的y坐標加上固定錨點的高度，設置其寬度等于固定錨點的寬度，高度直接拖動到頁面底部，命名為“滾動錨點”。
7、設置交互
打開頁面交互面板，雙擊“窗口滾動時”事件，添加條件“元件范圍 滾動錨點 接觸到 元件范圍 固定錨點”，確定，設置動作為“顯示 固定菜單”。
8、設置交互
繼續(xù)在“窗口滾動時”事件上添加動作，添加條件“元件范圍 滾動錨點 未接觸 元件范圍 固定錨點”，確定，設置動作為“隱藏 固定菜單”。
9、預覽效果
至此，所有設置均已完成，按F5進行預覽吧。
相關文章
職場人慌了! DeepSeek配合Mermaid自動繪圖的技巧
DeepSeek這玩意兒，配合Mermaid，自動生成甘特圖，這速度，這效率，簡直了神奇了，下面我們就來看看用法2025-03-05
今天匯總15個很值得收藏的DeepSeek 提示詞，包含職場打工人必備，自媒體爆款創(chuàng)作，學生黨逆襲，個人成長開掛等等全方面2025-03-04如何在iPhone上部署DeepSeek-R1? DeepSeek-R1在手機上部署全攻略
你以為只在大機器上跑的模型，其實在手機上也能玩得轉！為了體驗一下國產模型的魅力，我在蘋果手機上部署了DeepSeek-R1 1.5B版，詳細步驟如下2025-03-01- 我們之前分享了很多DeepSeek安裝及本地部署教程，今天我們來看看怎么馴化DeepSeek為自己服務，下面我們就來看看DeepSeek 7天指導手冊2025-02-21
手機端本地部署 Deepseek +桌面端 Deepseek 搭建知識庫指南
關于 Deepseek，這段時間也傳來不少新聞，本文將介紹如何在安卓手機和桌面設備上分別部署本地運行的 Deepseek R1 模型，并搭建知識庫，詳細如下文2025-02-21
DeepSeek-R1 與 AnythingLLM 安裝部署本地知識庫詳細教程
DeepSeek R1是目前最火的大模型，近來有很多朋友問怎么搭建DeepSeek 本地知識庫，在這里分享一種使用DeepSeek + AnythingLLM快速搭建本地知識庫的方法，完全本地化，懶人必2025-02-20DeepSeek怎么獲取官方API? 一文教會你獲取DeepSeek官方API技巧
想要體驗DeepSeek，該怎么貨期官方API呢？下面我們就來看看獲取DeepSeek官方API的詳細圖文教程2025-02-12DeepSeek怎么一秒生成工作表目錄? DeepSeek辦公自動化的技巧
面對日益增長的數(shù)據(jù)量和復雜多變的業(yè)務需求，傳統(tǒng)的Excel操作方式在效率和靈活性上逐漸顯露出不足，如果接入DeepSeek就可以補足缺陷，詳細請看下文介紹2025-02-12DeepSeek入門必備技巧與隱藏功能! DeepSeek新手使用指南
幾乎一夜之間，所有人都在關注DeepSeek，今天就來聊一聊DeepSeek，從什么是DeepSeek開始，到火爆原因，怎么下載使用，以及使用場合和隱藏功能分享，詳細如下2025-02-12DeepSeek卡頓延遲問題怎么解決? 流暢使用DeepSeek的方法大全
由于deepseek人氣越來越高，讓越來越多人開始使用deepseek，另一方面由于前陣子登錄熱搜的外網網絡攻擊，導致用戶在使用時常常還沒說幾句話，就出現(xiàn)服務器繁忙字樣，或使用2025-02-12
