手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >纯文字版返回顶端的js代码
纯文字版返回顶端的js代码
摘要:复制代码代码如下:vargoto_top_type=-1;vargoto_top_itv=0;functiongoto_top_timer(...

复制代码 代码如下:

<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)">【返回顶部】</a>

【纯文字版返回顶端的js代码】相关文章:

实现DIV圆角的JavaScript代码

一些有关检查数据的JS代码

如何控制框架页的滚动

必须点击广告才能进入的代码

jQuery实现返回顶部功能

7个有用的jQuery代码片段分享

Javascript特效:随机显示图片的源代码

鼠标图片振动代码

无刷新上传文件并返回自定义值

文字幻灯片

精品推荐
分类导航