JavaScript簡單實作網頁回到頂部功能_javascript技巧
- WBOY原創
- 2016-05-16 17:15:54921瀏覽
許多網頁在下方都會放置一個「回到頂部」按鈕，尤其是頁面底部沒有導航的網頁，這樣可以幫助訪客重新找到導航或重溫一遍廣告（想得真美）。隨著近幾年來 JavaScript 的應用日漸廣泛，滑動效果無所不在，於是我也跟風，將回傳頂部功能做成了滑動效果。後來為了更貼合物理特徵， 改造做成了減速的滑動效果。
先說一下原理吧，我們會取得滾動條到頁面頂部的距離，然後上移一定的距離；再獲取滾動條到頁面頂部的距離，上移一定的距離（比上一次小一點）;以此類推...
複製程式碼 程式碼如下:
document.docop. document.body.scrollTop, window.scrollY 其實都是一樣的，但它們只在某些瀏覽器中運作。至於那哪個在哪些瀏覽器起作用可以自己調試一下。
複製程式碼 程式碼如下:
TOP陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn