课程
/前端开发
/HTML/CSS
/回到顶部效果
请问,点击回到顶部之后,事件触发的顺序是怎样的?
2015-05-05
源自:回到顶部效果 4-1
正在回答
刚才理解错了,应该是这样-首先你点击回到顶部时,滚动条开始往回滚,这时候istop为true,因为滚动条滚动触发window.onscroll 事件,!istop为false不执行clearInterval(timer);但是下面的isTop=false;再将isTop置为false。这时候你人为滚动鼠标,则再次触发window.onscroll 事件,此时!istop为true 执行clearInterval(timer);则滚动条停下来
salamonjakro
当滚动条返回顶部的时候是不触发window.onscroll的,所以一直向上,当你鼠标点击要停止时,鼠标虽然是一点,但是电脑就会看成是滚动,这是触发window.onscroll,清除计时器,从而停止返回顶部的动作。
举报
回到顶部网站不可缺少的一部分,用JS实现炫酷拉风的回到顶部效果