Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.11.2012, 12:53
Интересующийся
Отправить личное сообщение для TylerDurden Посмотреть профиль Найти все сообщения от TylerDurden
 
Регистрация: 23.10.2012
Сообщений: 18

Фиксированный блок. И относительный контент.
Не совсем обычная задача. Есть фиксированный блок всегда в верху страницы не зависимо от скролла.

Всё просто.

<div id="slide-box">
Много текста
</div>

Css
#slide-box{position:fixed; top:0; height:20px;}


При наведении блок меняет свою высоту с 20px например на 80px.

Вопрос по скрипту.
Как можно реализовать, что бы при наведении и изменяя свою высоту на 80px - сам контент страницы тоже опускался под блоком <div id="slide-top-box">

?
Ответить с цитированием
  #2 (permalink)  
Старый 16.11.2012, 13:26
kaf kaf вне форума
Интересующийся
Отправить личное сообщение для kaf Посмотреть профиль Найти все сообщения от kaf
 
Регистрация: 25.06.2012
Сообщений: 24

Можно перед контентом вставить пустой div высотой 0px и при наведении на блок менять высоту div на 60px
Ответить с цитированием
  #3 (permalink)  
Старый 16.11.2012, 16:12
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

padding-top
Ответить с цитированием
  #4 (permalink)  
Старый 16.11.2012, 18:24
Интересующийся
Отправить личное сообщение для TylerDurden Посмотреть профиль Найти все сообщения от TylerDurden
 
Регистрация: 23.10.2012
Сообщений: 18

Собственно body дал действительно при анимейте паддинг и заработало. Оказалось всё просто.

Спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Показать/скрыть блок Lelja_05 jQuery 10 01.07.2013 20:05
Перемещение блока при скроллинге region029 Общие вопросы Javascript 10 16.06.2012 10:41
Как разместить блок по центру, не беря в учет контент по бокам FINoM (X)HTML/CSS 9 30.05.2012 12:32
Выдвижной блок fr0d Javascript под браузер 0 02.09.2011 17:37
Фиксированный блок kakarotto Элементы интерфейса 2 09.07.2010 00:20