当前位置:首页 » 前端 » 本页

js控制的回到顶端goTop的使用代码 In 前端  @2012-09-19 28,352 Vs

可以直接引用在一个单独的javascript独立文件中,javascript直接创建DOM

function goTop(){
var _btn = document.getElementById(“goTop”);
if (document.documentElement && document.documentElement.scrollTop) {
var _con = document.documentElement;
} else if (document.body) {
var _con = document.body;
}
window.onscroll = set;
_btn.style.left = document.documentElement.scrollWidth/2 + 500 + “px”;
_btn.onclick = function (){
_btn.style.display = “none”;
window.onscroll = null;
this.timer = setInterval(function() {
_con.scrollTop -= Math.ceil(_con.scrollTop * 0.3);
if (_con.scrollTop == 0) clearInterval(_btn.timer, window.onscroll = set);
},10);
};
function set() {
_btn.style.display = _con.scrollTop ? ‘block’: “none”;
}
};
document.write(“




“);
window.onscroll = goTop;



打签» , , ,   评论» 1枚

↓↓↓ 支持我们 ↓↓↓



已经有 1 枚评论. 发表 »

我说两句 »

Ctrl+Enter

注意: 评论者允许使用'@user空格'的方式将自己的评论通知另外评论者。例如, ABC是本文的评论者之一,则使用'@ABC '(不包括单引号)将会自动将您的评论发送给ABC。使用'@all ',将会将评论发送给之前所有其它评论者。请务必注意user必须和评论者名相匹配(大小写一致)。

搜索

返回顶部