Jquer hover +animate IE下出现抖动

昨天写一个类似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的封装,所以同样的,将一个对象绑定这两个事件,会出现这种现象

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值