课程
/前端开发
/HTML/CSS
/回到顶部效果
比如说第6行,我赋值false也行是什么鬼。。
最不理解的就是第19行了,这我fuck究竟怎么执行的,不加这一段还就不能实现,为什么??
另一种情况,老师写的,,
第6行是true,然后第16行他是怎么执行进去的,原值不是true吗?!isTop不是false吗?这尼玛啊,呜呜,头疼!然后又是第19行。。。
按照我的理解第19行应该写在第16行的上面啊!!!
2016-09-17
源自:回到顶部效果 4-4
正在回答
第6行只是定义下这个变量而已,请注意在30行那儿给isTop赋值为true了,所以第6行不管你是什么值都无所谓。
第19行那儿你不赋值为false的话,那就停止不了定时器(因为定时器停止的条件是isTop为false),也就达不到终止动画的效果。
至于第19行的问题,肯定是先判断完条件,执行相应的动作后,再把条件变量复位啊,你如果放到16行前的话,那条件判断始终成立,也就是说每向上滑动一下,就停止不滑动了,那还玩毛啊
我自己弄懂了,当点击返回顶部 的时候就已经在触发滚动事件了,这个时候执行到第19行isTop
(第16行isTop是true不会清除定时器)变为false,但如果不滚动滑轮那么每隔30ms就会执行点击事件,
第6行只是申明它是个布尔变量,赋的什么值无所谓,
唉,只是没搞清当点击的时候就已经触发滚动事件了,不过还是谢谢啦!
(大家还想弄懂点的话,把30设的高一点,300差不多,然后自己把代码行换来换去做实验就弄得很清楚了)
举报
回到顶部网站不可缺少的一部分,用JS实现炫酷拉风的回到顶部效果