續兩年前寫出「Week 22 — Axure筆記 | 預覽表格時如何做出ScrollBar(滾動軸)？」，這次換寫Adobe Xd滾動預覽畫面時(Scrolling)，如何將某些物件/元素固定不動(Fixed Position Elements)，這個功能我其實沒有在用，因為我都是把畫面一張一張畫出來，開會時再跟工程師一步一步慢慢講解畫面的操作步驟，最後再將每個畫面都註解說明，所以沒什麼機會用到預覽，也就沒關注到一些預覽時的互動功能
是偶然間，看到其他設計師的在用Fixed Position Elements這個功能，預覽畫面時，看起來很真實，好像是真的網頁或App一樣
眼睛馬上為之一亮，就馬上偷學起來
然後這個月就有主題筆記可以寫了（？
直接做出一個簡易圖，用我實際在做設計時的情境，去說明設計時的發想想法、中途了遇到什麼問題、和如何解決它
設計發想 → 發現問題 → 解決方法
● 設計發想(說明)：
設計會員資料填寫的表單，為了增加使用者加入會員的意願、和加速加入會員的時間，允許使用者只要輸入「姓名和電話」即可成為會員，後續再用其他誘因誘導使用者將剩下的資料完整填寫完成
● 發現問題：
若使用者只輸入姓名和電話必填欄位後，就想跳過其他非必填的欄位不輸入，直接儲存資料的話，由上圖可看出，還要滑到最下面才能找到儲存按鈕
● 解決方法：
將最底部整行區塊的儲存、取消按鈕，直接「固定浮動」在某個位置(意即不會隨著滑動畫面而變動位置)
→用Adobe Xd的【 Fix Position When Scrolling 】做出此呈現效果
底下為操作步驟 ↓
1.在一開始，依照要設計的版型，先設定好畫版的寬度和高度(若內容太多，就把高度再調高)
2.通常開啟新畫板後，滾動時的預設會是「Vertical」，可再確認一次此畫版是否有選擇「Vertical」
＊備註說明：「Vertical」的意思是當畫板內的內容很多，「螢幕可視高度(步驟3)」低於「畫板高度」時，會出現垂直滾動軸，就可上下滑動畫面
3.設定螢幕可視高度，通常會依照版型(例如:手機、平板、電腦…等)去設定螢幕可視高度，也會是預覽畫面時的高度
＊備註說明：設定「螢幕可視高度」時，記得要低於「畫板高度」，才會出現垂直滾動軸唷！
4.將要固定的物件移到「螢幕可視高度」內，放置在自己想要固定的位置。此範例是要固定放在螢幕下方，所以我就移到螢幕可視高度的藍色虛線上
5.最後，選取要固定的物件後，將右邊的「Fix Position When Scrolling」打勾，就大功告成囉！
一起來看看【 有用Fix Position When Scrolling(左邊) 】 vs. 【 沒有用Fix Position When Scrolling(右邊)】的差別吧：）
Hi~~~dear friends
或許我不認識你，但很開心你能看到最後!
如果看完覺得對這篇有好感的話，歡迎你拍手支持👏👏👏