微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

JQuery动画“宽度:切换”导致间歇性闪烁

我目前正在开发一种工具,它有一个标签部分,当单击一个标签时,将宽度切换为最大值和零.包含选项卡和部分的整个div固定并位于窗口的右上角.那里有95%,但是当扩展部分使用$.animate({width:“toggle”})将其宽度切换为零时,会出现间歇性闪烁;方法.关于可能导致什么的任何想法?

这是一个小提琴 – http://jsfiddle.net/Tgdrb.我试图尽可能地简化它,以便它仍然显示问题,但并不完全脱离它在页面上的实际外观.我也将它标记一个CSS问题,因为我想知道这是否是我构造我的CSS导致问题的方式(如果是这样我也不会感到惊讶).

多谢你们!

解决方法

如果有人好奇,有一种方法可以做到纯粹的CSS3.它不会在IE中运行,但它优雅地降级,所以它工作得很好.

小提琴:http://jsfiddle.net/Tgdrb/17/

所以是的,答案是这样的:Chrome会重新绘制.如果你不喜欢这种效果,找一个更好的方法去做你想做的事.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐