gotoTop返回頂部 JS

時間 2019-11-11

原文原文鏈接

方法：javascript

1.首先在body添加一個標籤，在一個頁面添加，其它頁面也會生效。html

<body>  <a name="top">

2.而後在頁腳添加一個連接java

<a href="javascript:void(0)" onclick="goto_top()">返回頁頂</a>

3.JS代碼，能夠單獨寫成一個文件，插入到html裏spa

 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()', 10);  }  }  }

ＯＫcode

這個ＪＳ有滾動效果htm

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。