4

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

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

多谢你们!

4

1 回答 1

2

如果有人好奇,有一种方法可以做到这一点,那就是纯 CSS3。它(还)不能在 IE 中工作,但它会优雅地降级,所以它工作得相当好。

在这里小提琴:http: //jsfiddle.net/Tgdrb/17/

所以,是的,答案是:Chrome 会导致重绘。如果您不喜欢这种效果,请找到更好的方法来做您想做的事情。

于 2012-06-19T23:47:09.303 回答