免费获取策划方案多一份参考,总有益处

xk星空观点

Paichen view

案例778

xk星空观点

jquery自带滑动,淡入淡出动画BUG

来源:xk星空官方网站|时间:2015-01-29|浏览:

jquery自带的动画效果,有淡入淡出、滑动,这两个效果虽然用起来方便,但是却有不足,比如说用滑动做的一个二级导航的下拉效果,如果鼠标在导航上快速不停的触发下拉效果的话,那么当你鼠标离开的时候,你会发现动画效果会一直不停的重复执行!

jquery给了stop来停止动画,

stop有两个参数,stop(Boolean,Boolean);两个参数都是布尔值,第一个的意思是说清空元素上的动画立即停止当前动画,第二个布尔值的意思是说立即完成当前正在执行的动画,意思就说用最快的速度结束调当前的动画

用stop并不能解决上面的问题,当第一个设置true的时候,第二个设置成false,部管是给耳机导航开始下拉还是像上收的时候都给元素加了个stop,当鼠标移到导航上的时候,二级导航开始往下滑动,当滑动一半的时候,鼠标离开,耳机导航就会停止向下滑动然后像上收拢,感觉stop好像解决了我的问题,实际上并没有解决,当鼠标再次触发二级导航下拉的时候,就会发现二级导航不会展现完就停止了动画,它在下拉的时候就停在了上次往上收拢的那个位置。(如果是淡入淡出,那么第二次触发二级导航显示的时候他就停在了上一次淡出的那个透明度那)

反之,当第一个参数设置为false,第二个参数设置成true的时候,那么动画就出现了第一个问题,鼠标一直触发,那么效果就一直不停的执行。

这问题只是针对jquery低版本,经过测试jquery库需要在2.0以上这问题才部会出现。

留言

返回顶部

君
重庆网站建设xk星空观点jquery自带滑动,淡入淡出动画BUG
XML 地图