Перейти к содержимому



Почему не корректно работает анимация?

#1

Поделиться сообщением #1



Banderas

Banderas
  • Неактивные
  • 1 168 сообщений
  • Репутация: 1
0

Отправлено 04 Март 2012 - 13:05

Сегодня утром проснулся с диким желанием покодить, сразу же сел за ноут и давай вспоминать JQuery :)
Решил сделать простой вертикальный слайдер информации, практически все получилось, но кака выходит в "открытие" слайда.

В архиве все библиотеки есть, остается только открыть и поправить.

Прикрепленные файлы


 

 

  • 0


robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Ускорение Jooml'ы
  2. Якоря не работают - Почему?
  3. Простой вопрос: почему не работает UPDATE?
  4. Анимация неправильно сохраняется!
  5. SLL не работает на мобильных

#2

Поделиться сообщением #2



c0ns0l3

c0ns0l3
  • Пользователь
  • 264 сообщений
  • Репутация: 49

Отправлено 19 Март 2012 - 12:37

Ммм... нашел в чем причина...

Убери фиксированную ширну с #bio - ты увидешь то же самое что у тебя сейчас "глючит". Вопрос почему? Потому, что внутренний div у тебя без указанной ширны.
Поэтому, при анимации он гуляет на всю ширину экрана, а только по завершений анимации, он сворачивается до 300 и тут у тебя резкий скачек в его высоту.
Следовательно решить проблему можно 2мя способами:
Обычный:
#bio>div {
	width: inherit;
	background-color: #fff6d7;
	color: #585858;
}
Правильный:
#bio>div {
	width: 300px;
	background-color: #fff6d7;
	color: #585858;
}

  • 0


Оформление форума – IPBSkins.ru