ホームページ > ウェブフロントエンド > htmlチュートリアル > トップに戻る JS コードは Google Chrome と互換性がありません。誰か見てみるのを手伝ってくれませんか? _html/css_WEB-ITnose

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

WBOY
リリース: 2016-06-24 12:19:37
オリジナル
1071 人が閲覧しました

この投稿は 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;

……


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

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





IE6 は動作しません。左側





ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート