你的位置:首页 > 软件开发 > Java > 用animate改变了某个样式之后再用css控制会无效

用animate改变了某个样式之后再用css控制会无效

发布时间:2017-03-23 12:00:13
我前几天写了个移动端运动,(这个运动的代码我贴在这了:http://www.cnblogs.com/weiman/p/6600380.html)然后发现了这个问题,具体如下:未运动前是这样的,菜单栏可左右滑动: 滑动停止后让利用animate使元素的位置在一定时间后移动到某个 ...

我前几天写了个移动端运动,(这个运动的代码我贴在这了:http://www.cnblogs.com/weiman/p/6600380.html)然后发现了这个问题,具体如下:

未运动前是这样的,菜单栏可左右滑动:

用animate改变了某个样式之后再用css控制会无效 

滑动停止后让利用animate使元素的位置在一定时间后移动到某个位置,

用animate改变了某个样式之后再用css控制会无效 

而如果点击小尖角后,如下:

用animate改变了某个样式之后再用css控制会无效

我的小尖角也是跟着运动的,当在滑动到最右边后才点击小尖角发现小尖角的位置没有被控制住;

 用animate改变了某个样式之后再用css控制会无效

后来我发现,因为我原来用的animate来移动了小尖角,然后在点击后是用css()来控制的运动未停止,我想到的第一个解决方法是点击后用animate控制它回来,然后发现出现闪动,因为这是个运动事件,有个过程,后来我就在修改的css()前加了一个.stop()将运动停止就能解决这个问题了;

如下:

$(".fa").stop().css("left",fa_first_left);

 


原标题:用animate改变了某个样式之后再用css控制会无效

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。