Работая над своим сайтом, столкнулся с неожиданной проблемой: браузер реализовывает анимацию перемещения блока неоднородно, рывками. Chrome, например, дает задержку, после чего практически мгновенно перемещает блок в нужную позицию. Остальные браузеры перемещают текст так, что идет рябь и смотреть на экран невозможно.
Есть ли какие-то советы по оптимизации исходного кода, возможно более тонкая настройка jQuery? Возможно, следует отказаться от фреймворка, если он «тормозит» работу?
Как вариант попробуйте все блоки разбить и перед началом анимации добавлять в начало (конец) текущего блока следующий, после анимации удаляйте текущий. Может из-за того что блок очень длинный анимация дергается.
Таки да, оставил 5 проектов и анимация заработала куда плавнее. Думаю, надо добавить AJAX и подгружать проекты динамически. И анимация будет лучше, и нагрузка на первую загрузку уменьшится.
Не, Вы можете без аякса обойтись, просто все остальные блоки отложить в другое место и «подлаживать» после текущего перед анимацией, это избавит от задержек перед анимацией для подгрузки нового блока + надо будет ждать пока картинки подгрузятся.
Боюсь, что даже так останется основная проблема: браузер не будет рендерить картинку до того, как она появится в области видимости. Например, в Хроме анимация хоть и стала плавнее, но все равно есть ощутимый рывок. В Сафари ситуация еще хуже. Открыл вчера сайт в ИЕ7, расстроился и решил поменять концепцию: от такой анимации руки опускаются исправлять что-либо. Остался чисто теоретический интерес исправить анимацию в нормальных браузерах вроде Хрома и Сафари.
Написано
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
