-
主要知识点查看全部
-
定时器： 1.setInterval() 设置定时器，需要两个参数 2.clearInterval() 关闭定时器，需要一个参数查看全部
-
事件运用 1.window.onload 页面加载完毕后触发 2.onclick 点击后触发 3.window.onscroll 滚动条滚动时触发查看全部
-
document.getElementById 根据ID获取标签元素 document.documentElement.scrollTop 滚动条的数值，可读写查看全部
-
滚动条滚动时，取消回到顶部计时器查看全部
-
使用正值可能会剩 5px，滚动条到达不到顶部，使用赋值然后使用Math.floor(-osTop / 6);查看全部
-
使用高度除以一个数可以得到越来越小的数，达到从快到慢的一个缓冲过程 var ispeed = osTop / 5;查看全部
-
我发现一个Bug 当连续点击返回顶部时，滚动条就拉不下来了。 所以我改动代码如下： window.onload = function() { var topBtn = document.getElementById("topBtn"); var timer = null; var isTop = true; var flag = true; topBtn.addEventListener("click", function() { if (!flag) return; timer = setInterval(backToTop, 30); flag = false; }); function backToTop() { var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; var speed = Math.ceil(scrollTop / 7); document.documentElement.scrollTop = document.body.scrollTop = scrollTop - speed; isTop = true; if (scrollTop == 0) { clearInterval(timer); flag = true; } } window.addEventListener("scroll", function() { if (!isTop) { clearInterval(timer); flag = true; } isTop = false; }); }查看全部
-
锚链接的优缺点查看全部
-
返回顶部时中途中断查看全部
-
返回顶部主要知识点查看全部
-
返回顶部的知识点查看全部
-
用js实现回到顶部的效果，需要注意到的知识点：查看全部
-
虽然jquery很简单。。但原生JS讲到的逻辑真的需要多研究一下。。。查看全部
举报
0/150
提交
取消