简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

纯文字版返回顶端的js代码

来源:易贤网   阅读:1083 次  日期:2015-02-06 16:13:29

温馨提示:易贤网小编为您整理了“纯文字版返回顶端的js代码”,方便广大网友查阅!

这篇文章介绍了纯文字版返回顶端的js代码,有需要的朋友可以参考一下

复制代码 代码如下:

<script language="javascript">

var goto_top_type = -1;

var goto_top_itv = 0;

function goto_top_timer() {

var y = goto_top_type == 1 ? document.documentElement.scrollTop

: document.body.scrollTop;

var moveby = 15;

y -= Math.ceil(y * moveby / 100);

if (y < 0) {

y = 0;

}

if (goto_top_type == 1) {

document.documentElement.scrollTop = y;

} else {

document.body.scrollTop = y;

}

if (y == 0) {

clearInterval(goto_top_itv);

goto_top_itv = 0;

}

}

function goto_top() {

if (goto_top_itv == 0) {

if (document.documentElement && document.documentElement.scrollTop) {

goto_top_type = 1;

} else if (document.body && document.body.scrollTop) {

goto_top_type = 2;

} else {

goto_top_type = 0;

}

if (goto_top_type > 0) {

goto_top_itv = setInterval('goto_top_timer()', 50);

}

}

}

</script>

<a href="javascript:void(0)" onclick="goto_top()">【返回顶部】</a>

更多信息请查看IT技术专栏

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:js innerHTML 改变div内容的方法
下一篇:JS调用CS里的带参方法实例
易贤网手机网站地址:纯文字版返回顶端的js代码
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!