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



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

#1 Banderas

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

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

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

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

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


 

 

  • 0


robot

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

#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