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

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

WBOY

發布： 2016-06-24 12:19:37

原創

1038 人瀏覽過

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

登入後複製

试试这个

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>

这个可以呀！