您的位置:首页 > 产品设计 > UI/UE

Jquer hover +animate IE下出现抖动

2013-10-24 17:03 337 查看
昨天写一个类似Metro上翻动作时遇到的问题。一个大的div用的relative属性,然后一个container div用的absolute,里面包含4个div,未设置position属性(应该就是流式布局,static?),IE下(调试模式下,7~10均出现)出现不停的抖动。

找了一下,看到一个网页里面写的内容:(昨天忙着做,也没记下网址,大概是这个意思)

出现条件:

当position属性为relative,或父div position为relative ,该子div position不是absolute时,IE下使用hover会出现抖动,就是绑定的两个事件会迅速交替地被调用,当事件与animate 位置有关时,就是让人难以接受的抖动。

解决方法:

改变该div的position属性即可;

 

 

ps: hover就是mouseenter、mouseleave的封装,所以同样的,将一个对象绑定这两个事件,会出现这种现象
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: