有層次的滾動
由於電腦及行動裝置的普及，瀏覽網頁或 App 幾乎成為了現代人們的日常，對於你我而言，使用 “滾動/滑動瀏覽” 可以說是跟呼吸一樣自然吧！但平凡且頻繁的滾動的確較容易讓人感到疲乏，因此可以藉由運用「黏性滾動效果 」(黏，亦稱粘)來實現更有層次的滾動互動。
※ Sticky：a. 黏性的；黏的
▎範例介紹
以下為常見的黏性效果運用：
# 黏性選單 Sticky Nav
有別於一般永遠固定在網頁上方的選單區塊，近年來由於一頁式網站盛行，標題及選單的呈現手法也愈來愈多變，有些網站選擇在頁面的第一 Cut 先行置放醒目的 Banner 或 Logo ，接著才放選單，而選單只有在使用者滾動瀏覽時才會被固定置頂，這種呈現方式主要目的大多是為了加以凸顯主題，亦或是有更重要的資訊需要先抓住使用者的眼球。
➜ 適用情境：滿版 Banner
➜ 適用情境：快訊橫幅或廣告
➜ 適用情境：凸顯 Logo
# 黏性側邊欄/隨動側邊欄 Sticky Sidebar
側邊欄隨內容滑動，Sticky Sidebar 😎 有很棒的圖解如下：
➜ 適用情境：側選單/廣告
➜ 當側邊欄內容較多時，則較適合用可滾動的黏性側邊欄。
# 黏性內容 Sticky Content
➜ 適用情境：圖文介紹
➜ 適用情境：標題切換
➜ 適用情境：單頁中有垂直與水平混和的內容
➜ 適用情境：關聯式內容
➜ 適用情境：區塊過場
兼容性
順帶一提，其實僅僅使用 CSS 中的position:sticky 屬性就可以輕鬆實現黏性佈局，不過該屬性目前僅在 Firefox、Safari 支援度較佳，在其他瀏覽器的相容性則尚待加強，更多細節可上 Caniuse 查詢。
