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



Рывки SlideDown

#1

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



nex17

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

Отправлено 31 Июль 2009 - 21:42

Пишу блочный сайт, используя jQuery. Сделал горизонтальное навигационное меню, блоки с контентом по нажатию кнопок навигации движутся вверх-вниз. Старый блок выполняет SlideUP, потом новый делает SlideDown.
Проблема в том, что в конце действия происходит небольшой рывок. Хотелось бы его убрать.
Блок, содержащий в себе движущиеся блоки имеет padding: 10px (иначе текст просто глючит: до завершения анимации не показывается).
Весь текст в тегах абзаца, им выставлен отступ сверху и снизу в 0px.

Кстати, почему валидатор ругается на теги p? Да и ещё считает знак "меньше" в Яваскрипте за открытие тега :)

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Плагин к JQuery
  2. Помогите в оптимизации нового сайта.
  3. Дергается карусель при перезагрузки страницы
  4. Слайдер скачет при загрузке, обновлении страницы
  5. Помогите кто-нибудь! Очень прошу!

#2

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



ZiTosS

ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

Отправлено 31 Июль 2009 - 22:50

nex17, без кода сказать сложно
  • 0

#3

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



nex17

nex17
    Topic Starter
  • Неактивные
  • 2 сообщений
  • Репутация: 0

Отправлено 01 Август 2009 - 15:28

Порядок вложения блоков, содежащих текст:
#main {width: 1024px; margin: 30px auto;}
  #content {width: 700px;}
	#center {display: block; border-left: 1px solid #404040; border-right: 1px solid #404040;}
	  #textbox {padding: 10px;}
		<div><p style="margin-top: 0px; margin-bottom: 0px;">здесь выводится текст, блок стиля не имеет</p></div>
есть предположение, что это происходит из-за атрибута line-height, выставленного для другого блока чуть выше

Если охота разбираться с файлами, прошу: Прикрепленный файл  index.php   3,6К   Количество загрузок: 102Прикрепленный файл  style.css   1,44К   Количество загрузок: 77
  • 0

#4

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



ZiTosS

ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

Отправлено 05 Август 2009 - 11:57

У вас в инете есть страница с данным примером, прото без теста сложно разобраться что и как. Рывки могут быть из-за использования стандартных slideUp и slideDown. Сказать очень сложно без тестирования.


  • 0


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