Реакция на изменения высоты блока
Есть резиновый блок, надо постоянно знать и реагировать на изменения его высоты (Например при изменении нашего блока, изменить блок соседнего блока). Есть пример директивы resize, но это реакция на смену окна, потому не то.
|
Может, вам просто надо вот это?
http://htmlbook.ru/blog/div-nye-kolo...-vysoty-na-css |
Запускать таймер и сравнивать высоты. Большинство библиотек основано на этом принципе.
|
Цитата:
Что надо Есть div который имеет высоту страницы, в нем два горизонтальных дива, первый вложеный, имеет свой мин-макс (плавает)
.tree-height {
overflow: auto;
min-height: 80px;
max-height: 250px;
}
Второй же див заполняет(должен) всю оставшуюся область родителя, а родитель как я говорил фиксированный по высоте страницы, тем самым не допускаем скрола страницы, скролинг лишь в дочерних двух дивах. Не получается в общем отрегулировать высоту второго дива при изменении высоты первого (tree-height) |
Может, вот так подойдёт? Не надо лепить js там, где можно обойтись версткой.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
html, body {
height: 100%;
}
div {
width: 100%;
}
#container {
height: 100%;
display: table;
background: red;
}
#div1 {
display: table-row;
min-height: 80px;
max-height: 250px;
background: yellow;
}
#div2 {
display: table-row;
background: blue;
}
</style>
<title></title>
</head>
<body>
<div id="container">
<div id="div1"> </div>
<div id="div2"> </div>
</div>
</body>
</html>
P. S. Ну, конечно, не заработает в IE < 8. |
| Часовой пояс GMT +3, время: 04:19. |