返回顶部JS代码，不兼容谷歌浏览器！谁能帮我看看？_html/css

返回顶部JS代码，不兼容谷歌浏览器！谁能帮我看看？_html/css_WEB-ITnose

WBOY

Lepaskan： 2016-06-24 12:19:37

asal

1038 orang telah melayarinya

本帖最后由 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');

Salin selepas log masuk

<a id="gotopbtn" style="position:fixed;width:12px;bottom:95px;right:195px;display:none;cursor:pointer;">返回顶部</a>

Salin selepas log masuk

回复讨论(解决方案)

Chrome and Safari always use document.body.scrollTop, while IE and Firefox use document.body.scrollTop for quirks mode and document.documentElement.scrollTop for standard mode.
Your best bet may be something like:

var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
var scrolLeft = document.body.scrollLeft || document.documentElement.scrollLeft;

backTop = function (btnId) {                var btn = document.getElementById(btnId);                var d1 = document.documentElement;                var d2 = document.body;                var d = d1.scrollTop + d2.scrollTop;                window.onscroll = set;                btn.onclick = function () {                    btn.style.display = "none";                    window.onscroll = null;                    this.timer = setInterval(function () {                        d -= Math.ceil(d* 0.1);                        if (d == 0) clearInterval(btn.timer, window.onscroll = set);                    }, 10);                };                function set() { btn.style.display = d ? 'block' : "none" }            };            backTop('gotopbtn');

Salin selepas log masuk

试试这个

JScript code
backTop = function (btnId) {
                var btn = document.getElementById(btnId);
                var d1 = document.documentElement;
                var d2 = document.body;
       ……

不行吖。。直接隐藏了  不显示了

引用 4 楼的回复:

引用 3 楼的回复:

JScript code
backTop = function (btnId) {
var btn = document.getElementById(btnId);
var d1 = document.documentElement;
var d2 = document.body;
……

不行吖。。直接隐藏了 ……

不返回首页了。

nbsp;HTML>

OK了！！！thank you！

nbsp;HTML>

IE6不行啊。在左边

nbsp;HTML>

这个可以呀！