回到顶部效果
锚链接
简单快速,没有兼容性问题
视觉上不够直观,用户体验不够好
用Javascript制作回到顶部效果
DOM操作
1、document.getElementById 根据ID获取标签元素
2、document.documentElement.scrollTop 滚动条的数值,可读写
事件运用
1.window.onload 页面加载完毕后触发
2.onclick 点击后触发
3.window.onscroll 滚动条滚动时触发
定时器
1.setInterval() 设置定时期,需传2个参数
2.clearInterval()关闭定时器,需传1个参数
<a href="javascript:;" id="1"></a>
组织浏览器的默认行为:调整到顶部
固定定位:position:fixed; left:50%;bottom:30px;margi