純文字版返回頂端的js代碼
來源:易賢網 閱讀:1237 次 日期: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技術專欄

更多信息請查看網頁制作
易賢網手機網站地址:純文字版返回頂端的js代碼
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權所有:易賢網