滑動模式介紹 Introduction to Scroll Behavior | Figma 教學

滑動模式介紹 Introduction to Scroll Behavior | Figma 教學

Alan Design 4990 位订阅者
2577 次观看 · 2023-05-12 UI 设计交互设计视觉设计
這集來介紹Scroll Behavior 裡的每個不同設定的方式.
Scroll Behavior 裡包含了: Scroll with Parent, Fixed, and Sticky.
影片裡涵蓋了些注意事項和設計的小技巧.

Figma 範例檔: https://www.figma.com/file/qTwAZWtgcnMkYT7Ow42Jt8/Scroll-behavior?node-id=0%3A1&t=LYMMlkaOkeRV5IvT-1

---------------------------------------------------------------------------------------------------------

0:00 開始簡介
0:24 Position: Scroll with Parent
1:14 Position: Fixed
3:44 Position: Sticky
5:25 滑動設定的圖層順序
6:58 如何去決定滑動設定?
8:56 結尾

---------------------------------------------------------------------------------------------------------

#figma教學 #scrollBehavior教學 #positionFixed #positionSticky #fixed教學 #sticky教學 #figmaFixed教學 #figmaSticky教學 #figma滑動模式