返回顶部JS代码，不兼容谷歌浏览器！哪位高手能帮小弟我看看-HTML教程-爱易网页

返回顶部JS代码，不兼容谷歌浏览器！哪位高手能帮小弟我看看

日期：2014-05-17　浏览次数：20620 次

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

JScript code

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

HTML code

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

------解决方案--------------------
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312" />
<title></title>

</head>
<body style="height:1000px;">
<a id="gotopbtn" style="position:fixed;width:12px;bottom:95px;right:195px;display:none;cursor:pointer;">返回顶部</a>
<script>
var backTop = function(btnId){
var btn = document.getElementById(btnId);

var d = document.documentElement || document.body;
window.onscroll = set;
btn.onclick = function () {
btn.style.display = "none";
window.onscroll = null;
this.timer = setInterval(function () {
//console.log(document.body.scrollTop)
//console.log(document.documentElement.scrollTop)
if( document.body.scrollTop ){
document.body.scrollTop -= Math.ceil(document.body.scrollTop * 0.1);
}else{
document.documentElement.scrollTop -= Math.ceil(document.documentElement.scrollTop * 0.1);
}

if (document.body.scrollTop == 1) clearInterval(btn.timer), window.onscroll = set, document.body.scrollTop = 0;
if (document.documentElement.scrollTop == 1) clearInterval(btn.timer), window.onscroll = set, document.documentElement.scrollTop = 0;
}, 10);
};
function set() { btn.style.display = (document.documentElement.scrollTop || document.body.scrollTop) ? 'block' : "none" }
};
backTop('gotopbtn');

</script>
</body>
</html>

试试

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

返回顶部JS代码，不兼容谷歌浏览器！哪位高手能帮小弟我看看

相关资料更多>

推荐阅读更多>