回到顶部效果

锚链接
简单快速,没有兼容性问题
视觉上不够直观,用户体验不够好

用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

posted @ 2017-03-15 07:14  行走de猫  阅读(207)  评论(0编辑  收藏  举报