<script type="text/javascript"> backTop = function (btnId){ var btn = document.getElementById(btnId); var d = document.documentElement; window.onscroll = set; btn.onclick = function () { btn.style.display = "none"; window.onscroll = null; this.timer = setInterval(function () { d.scrollTop -= Math.ceil(d.scrollTop * 0.1); if (d.scrollTop == 0) clearInterval(btn.timer, window.onscroll = set); }, 10); }; function set() { btn.style.display = d.scrollTop ? 'block' : "none" } }; backTop('gotopbtn');
<a id="gotopbtn" style="position:fixed;width:12px;bottom:95px;right:195px;display:none;cursor:pointer;">返回顶部</a>
Chrome と Safari は常に document.body.scrollTop を使用しますが、IE は常に document.body.scrollTop を使用します。 Firefox では、quirks モードでは document.body.scrollTop を使用し、標準モードでは document.documentElement.scrollTop を使用するのが最善の方法です。スクロール左 = document.body.scrollLeft || document.documentElement.scrollLeft;
Chrome と Safari は常に document.body.scrollTop を使用しますが、IE と Firefox は quirks モードに document.documentElement.scrollTop を使用します。標準モード
最善の策は...
JScript コードを試してください
backTop = function (btnId) {
var btn = document.getElementById(btnId);
とんでもない。 。直接非表示になり表示されません
3 階の回答からの引用:
JScript コード
backTop = function (btnId) {
var btn = document.getElementById(btnId);
var d1 = document 。 documentElement;
var d2 = document.body;
機能しません。 。直接非表示に…
ホームページには戻りません。