トップに戻る JS コードは Google Chrome と互換性がありません。誰か見てみるのを手伝ってくれませんか？ _html/css_WEB-ITnose

この投稿は liyueyang165 によって最終編集されました: 2012-06-12 12:46:28

<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);

var d2 = document.body;

とんでもない。 。直接非表示になり表示されません

4 階の回答からの引用:

3 階の回答からの引用:

JScript コード
backTop = function (btnId) {
var btn = document.getElementById(btnId);
var d1 = document 。 documentElement;
var d2 = document.body;

……

機能しません。 。直接非表示に…

ホームページには戻りません。