Устранение неполадок в jQuery / CSS

Question

У меня есть анимация jQuery slideDown / slideUp, которая плавно работает в IE9 и Firefox, но очень непостоянна в Chrome. Проблема не возникает, если я удаляю файл css, поэтому я вполне уверен, что это какое-то взаимодействие между Chrome и CSS для страницы.

Существуют ли какие-либо инструменты для диагностики источника таких проблем? В качестве альтернативы, есть ли какие-либо руководства по взаимодействию jQuery / CSS, которые могут вызывать прерывистую анимацию; список не для CSS?

Вот пастбина для CSS, в случае, если кто-то достаточно знаком с CSS, чтобы примерить на себя ответственность: http://pastebin.com/P68inpkx. Даже если вы можете, я все еще интересуюсь более общим «как диагностировать» «Проблемы с CSS» - часть вопроса, поэтому я могу сделать это сам в будущем.

Answer 1

По моему опыту, -webkit градиенты и -webkit-box-shadow могут вызвать проблемы с перекрашиванием, особенно в Chrome. Если это проблема, я думаю, что это проблема производительности рендеринга CSS более низкого уровня.

Как правило, вы можете попробовать (при необходимости) анимацию и трансформации css3. Некоторые могут быть использованы в режиме 3d, который позволяет аппаратное ускорение, обеспечивая плавную анимацию. Я не уверен, что в данном случае это применимо напрямую, но я полагаю, что есть плагин jQuery, который заменит стандартные анимации jQuery анимациями css3 (извините, нет ссылки, сайт плагина не работает).