Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Динамичное изменение высоты блока (https://javascript.ru/forum/jquery/56884-dinamichnoe-izmenenie-vysoty-bloka.html)

Infinity178 08.07.2015 13:23

Динамичное изменение высоты блока
 
Доброго дня.
каким методом можно установить высоту блока относительно соседних элементов.

пример верстки:
<body>
   <div class="wrp">
      <div class="fixed_top"></div>
           <div class="fixed_content"></div>
      <div class="fixed_bottom"></div>
   </div>
</body>


просто получить высоту относительно окна(window)/div.wrp не составляет трудностей...
грубый пример (на ходу):
var hWrp = $('.wrp').height(),
     hBtn = $('.fixed_bottom').height(),
     hTop = $('.fixed_top').height();
var hBox = hWrp-(hBtn+hTop);
$('.fixed_content').css({
   height: hBox
});


Но! Как обновить функцию при изменении окна браузера?*

рони 08.07.2015 13:42

Цитата:

Сообщение от Infinity178
Как обновить функцию при изменении окна браузера?*

$(window).resize(тут ваша функция )

Цитата:

Сообщение от Infinity178
высоту блока относительно соседних элементов.

это не осилил.

а без js не пробовали решить?
Отзывчивые блоки одинаковой высоты на основе Flexbox

Infinity178 08.07.2015 13:58

Цитата:

а без js не пробовали решить?
CSS не прокатывает в конкретном случаи. Спс. Тема закрыта =)


Часовой пояс GMT +3, время: 09:49.