Я разрабатываю сайт годового отчета, который должен быть совместим, по крайней мере, с основными браузерами, такими как IE, FF и Safari. У меня есть пара проблем с эффектом jquery.
Я добавил на страницу эффект показа слайдов jquery, который частично показывает div основного содержимого в течение пары секунд, а затем анимирует его, чтобы показать остальное содержимое. Я проверил его на IE6, IE7 и FF 3 на WinXP, и он отлично работает. Также это работает на MAC в FF3.
Однако в Safari 4.04 для MAC существует серьезная проблема со страницей: весь анимированный контент div смещается вправо примерно на оригинальную ширину контента. Я также заметил, что если бы я удалил код CSS, связанный с «переполнением», то div сначала будет отображаться в правильном положении, но, конечно, эффект скольжения jquery не будет работать должным образом, потому что изначально ему нужно скрывать содержимое с помощью «переполнения». Также div будет сдвигаться снова при запуске анимации jquery.
Вот ссылка: http://www.attilareinhardt.com/clients/test/mainWhoWeAre_slide2.html
Есть ли обходное решение или решение этой проблемы?
Другая незначительная проблема заключается в том, что эффект анимированного слайда в некоторых случаях не открывается и не раскрывает содержимое до конца. Нижняя часть обрезается и обрезается иногда слишком рано, и это происходит во всех браузерах, но не всегда. Я думаю, что это проблема с правильным вычислением правильной высоты содержимого div. Есть ли способ обеспечить правильное вычисление высоты?