回到顶部效果

≡放荡痞女 提交于 2019-12-19 21:04:25

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

用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

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!