JQuery Аккордеон Меню Анимация Колебание

Я создал простое анимированное аккордеонное меню jQuery, используя функции slideUp и slideDown (также попробовал его с помощью slideToggle), и хотя оно выглядит великолепно, анимация совершенно плавная, хотя все элементы аккордеонного меню имеют одинаковую высоту. Как видите, даже здесь, на примере jQueryUI, когда вы щелкаете элемент, нижняя часть меню немного поднимается, а затем возвращается обратно после завершения анимации. Я предполагаю, что это связано с небольшой разницей во времени анимации, но даже установка задержки не решает проблему. Кто-нибудь знает, как я могу решить эту проблему? Это важно, так как сайт, над которым я работаю, по сути представляет собой одно гигантское меню-аккордеон, поэтому проблема становится очень заметной.


person Primus202    schedule 22.11.2011    source источник


Ответы (1)


My 2c:

Я предполагаю, что вы хотите избежать дрожания под аккордеоном, когда вся страница перетасовывается вниз и вверх. Я на правильном пути? Если это так, я бы изучил поведение и отрегулировал удерживающий элемент div до фиксированной высоты, дав ему 1, 2, 3 дополнительных пикселя внизу.

Я тоже заметил эту «проблему» в моих приложениях в целом.

person zequinha-bsb    schedule 22.11.2011
comment
Кажется, это распространено во многих анимациях jQuery, подобных этому. Я боюсь, что даже при постоянной высоте удерживающего элемента div сами заголовки все равно будут немного колебаться. Кажется, это довольно специфично для браузера/компьютера, поскольку я считаю, что это вызвано небольшой задержкой между двумя анимациями: скольжением вверх и скольжением вниз (хотя это происходит и с переключением, поэтому я предполагаю, что переключение использует аналогичный метод внутри). - person Primus202; 02.12.2011