多个返回 顶部的代码
代码1:
$('body,html').animate({
scrollTop: 0
}, 1000);
return false;
});
代码2:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body style="height:6000px;position: relative;">
<a href="javascript:;" style="position: absolute;right:0;bottom:0;" id="btn">返回顶部</a>
<script type="text/javascript">
window.onload=function()
{
var btn=document.getElementById("btn");
var scrolldelay;
var iNow=0;
var top=document.body.scrollTop | document.documentElement.scrollTop;
window.onscroll=function()
{
top = document.body.scrollTop | document.documentElement.scrollTop;
if(top<=0)
{
clearInterval(scrolldelay);
}
};
btn.onclick=function()
{
scrolldelay = setInterval(pageScroll,60);
function pageScroll() {
iNow+=200;
window.scrollBy(0,-iNow);
}
};
}
</script>
</body>
</html>
相关文章
- shell脚本--多个代码库批量pull最新master代码
- 让多个HTML页面 使用 同一段HTML代码
- paddlepaddle 21 基于dropout实现用4行代码dropblock
- Spring Boot连接多个Redis库配置方案及代码示例
- SAP UI5 应用开发教程之一百零四 - SAP UI5 表格控件的支持复选(Multi-Select)以及如何用代码一次选中多个表格行项目
- 一段简单的JavaScript代码,实现在同一网页输出多个图标的功能
- 使用FakeAsync对Angular异步代码进行单元测试
- Python自动化办公:27行代码实现将多个Excel表格内容批量汇总合并到一个表格
- DataScience&ML:金融科技之风控领域的CreditRisk+模型(信用风险度量模型)的简介、案例应用(代码实现)之详细攻略
- ML:文本、图像等数值化数据相似度计算之余弦相似度计算三种python代码实现
- Python:利用python语言绘制多个子图经典案例、代码实现之详细攻略
- 100天精通Python(数据分析篇)——第57天:Pandas读写Excel(read_excel、to_excel参数说明+代码实战)
- 基于象虫损害优化算法的投资组合问题(Matlab代码实现)
- 结合重心反向变异的飞蛾扑火优化算法-附代码
- 2302. 统计得分小于 K 的子数组数目-滑动数组-双百代码
- gvim写html代码时如何快速地跳转到一个标签的结束位置: 终极插件: matchit.vim
- 078:vue+openlayers实现游龙动画效果(代码示例)
- 嵌入式linux开发,Qt中,为不用的Kit设定不同的条件编译,以区分不同平台引用的三方库和不同的代码调用
- python web py入门(57)- jQuery - 多个JS代码的文件
- 如何解决之Android布局多个组件的样式的代码比较多有重复
- 【车间调度】基于模拟退火优化算法的的并行车间机器优化调度(Matlab代码实现)
- FPGA--VGA显示实验之Verilog代码描述(图像数据生成模块)