首頁 > 開發者 > JavaScript
標籤：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body { height: 2000px; } #up { position: fixed; bottom: 0; right: 0; width: 100px; height: 100px; background: #c1c1c1; } </style></head><body> <div id="up"></div> <script> window.onload = function (){ var oDiv = document.getElementById("up"); var timer = null; var bySys = true; //如何檢測使用者拖動了捲軸 window.onscroll = function (){ if (!bySys) { clearInterval(timer); } bySys = false; } oDiv.onclick = function (){ timer = setInterval(function() { var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; var iSpeed = Math.floor(-scrollTop/8); if (scrollTop === 0) { clearInterval(timer); } bySys = true; document.body.scrollTop = scrollTop + iSpeed; document.documentElement.scrollTop = scrollTop + iSpeed; }, 30); } } </script></body></html>
一種用javascript實現的比較相容的回到頂部demo
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
