網頁Top按鈕 (網頁回到頂端),純 CSS+jQuery 免圖片

在手持行動裝置逐漸取代 PC 的現在
響應式網頁 (RWD / Responsive Web Design) 的規劃也非常普遍

使用 PC/NB 瀏覽網頁時,即使沒有 Go Top 按鈕也可以使用鍵盤的 Ctrl+Home 來達成目的
但使用手持行動裝置就不是那麼一回事了,如果沒有這按鈕時就只能一直不停的往上滑動

最近使用 Bootstrap 4 + jQuery 弄 RWD 頁面,就需要在網頁上加上 回到網頁最上方 的按鈕
然而 Bootstrap 4 已經捨棄了 Glyphicons icon font,想達到目的的選擇大概就是

  • 使用圖片
  • 使用 SVG 繪製
  • 使用 Glyphicons、Octicons、Font Awesome 或其他第三方專案

但是不想使用圖片,對 SVG 也不熟,也不想使用第三方專案的解決方案

繼續閱讀 “網頁Top按鈕 (網頁回到頂端),純 CSS+jQuery 免圖片”