-
知识点查看全部
-
返回顶部查看全部
-
回到顶部主要知识点查看全部
-
知识点查看全部
-
知识点查看全部
-
主要知识点查看全部
-
锚链接查看全部
-
回到顶部查看全部
-
定时器查看全部
-
back-on-top主要知识点查看全部
-
任务1:获取页面可视区的高度代码编写 var clientHeiht = document.documentElement.clientHeiht; 任务2:获取滚动条距离顶部的高度 var osTop = document.documentElement.scrollTop document.body.scrollTop; 任务3:使用脚本控制“回到顶部”按钮的显示与隐藏 if (osTop >= clientHeight){ //显示按钮 obtn.style.display = 'block'; }else { //隐藏按钮 obtn.style.display = 'none'; }查看全部
-
window是一个窗口类,onscroll是窗口类window的对象,滚动滚动条时触发。查看全部
-
实现回到顶部效果主要知识点: DOM操作: 1.document.getElementById:根据ID获取标签元素 2.document.documentElement.scrollTop:滚动条的数值,可读写 事件运用: 1.window.onload:页面加载完毕后触发 2.onclick:点击后触发 3.window.onscroll:滚动条滚动时触发 定时器: 1.setInterval():设置定时器,需传2个参数 2.clearInterval():关闭定时器,需传1个参数查看全部
-
锚链接: 优点:简单快速、没有兼容性问题 缺点:视觉上不够直观,用户体验不够好查看全部
-
clientH=document.documentElement.clientHeightdocument.body.clientHeight; osTop=document.documentElement.scrollTopdocument.body.scrollTop;查看全部
举报
0/150
提交
取消