2012-06-18 7 views
4

В настоящее время я работаю над инструментом, который имеет секцию с вкладками, которая переключает ширину до макс и ноль при нажатии на вкладку. Весь div, содержащий вкладку и раздел, фиксирован и расположен в правом верхнем углу окна. Там 95%, но имеет прерывистый мерцание, которое происходит, когда расширенный раздел имеет ширину, сложенную до нуля, используя метод $.animate({width: "toggle"});. Любые идеи о том, что может вызвать это?JQuery animate «width: toggle», вызывающий прерывистый мерцание

Здесь он находится в скрипке - http://jsfiddle.net/Tgdrb. Я попытался упростить его, насколько мог, чтобы он все еще показывал проблему, но не был полностью вне контекста из того, как он действительно будет выглядеть на странице. Я также отмечаю это как вопрос CSS, так как мне интересно, так ли я структурировал свой CSS, который вызывает проблему (я не удивлюсь, если это так).

Спасибо, ребята!

+0

Вы работаете в Chrome? Похоже, что простая ошибка/проблема с перерисовкой Chrome - кажется, не для меня в FF или IE. – Robbie

+0

Я вижу, как он прыгает в хром, как правило, избавляется от маржи, фиксирует оживленную анимацию, но, похоже, не помогает –

+1

@Scott Selby - я также пробовал некоторые другие настройки (удаление перекрытий и т. Д.). Но безрезультатно. Поэтому я просто отложил его на другую проблему Chrome или способ работы jQuery в Chrome. (Также отлично выглядит в Safari). – Robbie

ответ

2

Если кому-то интересно, есть способ сделать это, что является чистым CSS3. Он не будет работать в IE (пока), но он изящно деградирует, поэтому он работает довольно красиво.

Fiddle здесь: http://jsfiddle.net/Tgdrb/17/

Так что да, ответ на этот вопрос: Chrome вызывает перерисовку. Если вам не нравится эффект, найдите лучший способ сделать то, что вы хотите сделать.

+0

хотите, чтобы все отправили css3 на любой вопрос jQuery 'animate' –

Смежные вопросы