在 web2 中, #section2 左側 .nav-pills 的設計
.nav-pills { position: -webkit-sticky; position: sticky; top: 120px; }
但 ......... 瀏覽器的支援度並不高, 參看 [Can I Use]。
但 ......... 如果原來就是黏在最上方, 希望移出後再滑回來, 那麼就又不適合 sticky, 怎麼辦呢?請參考以下範例。
目標網站實例:TopStar數位履歷網
===== 參考教案講義 =====