WEB ◆ TS Library ◆ 熱衷分享 ◆ 享受教學相長 ◆ 無形的網絡擁有熱情溫度的傳遞

5-1. Sticky 黏性選單的設計與探討

Sticky 黏性選單的設計

在 web2 中, #section2 左側 .nav-pills 的設計

  .nav-pills { position: -webkit-sticky; position: sticky; top: 120px; }

但 ......... 瀏覽器的支援度並不高, 參看 [Can I Use]。

但 ......... 如果原來就是黏在最上方, 希望移出後再滑回來, 那麼就又不適合 sticky, 怎麼辦呢?請參考以下範例。

 

目標網站實例:TopStar數位履歷網

===== 參考教案講義 =====

 

go TOP