Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.07.2017, 15:06
Новичок на форуме
Отправить личное сообщение для artstyles Посмотреть профиль Найти все сообщения от artstyles
 
Регистрация: 25.06.2016
Сообщений: 9

Динамическое определение высоты блока.
Приветствую.
Есть определённый div блок, контент внутри которого может динамически меняться, то есть увеличиваться или уменьшаться, соответственно и высота этого блока будет меняться.

Необходимо чтобы текущая высота блока прописывалась инлайном в блоке, пример:
<div class="block" style="height:500">
...
</div>


В интернете есть, конечно, подобные примеры, но они работают не совсем, так как мне нужно. Они выставляют высоту блока в 100% от текущей высоты окна браузера, а нужно определять высоту блока с учётом контента, который может динамически прибавляться или уменьшатся.

Спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 25.07.2017, 17:15
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

artstyles,
https://learn.javascript.ru/metrics#scrollwidth-height
Ответить с цитированием
  #3 (permalink)  
Старый 26.07.2017, 17:00
Новичок на форуме
Отправить личное сообщение для artstyles Посмотреть профиль Найти все сообщения от artstyles
 
Регистрация: 25.06.2016
Сообщений: 9

По такому примеру высота определяется, но не обновляется, если добавился контент.
<div id="block">
    <p>текст</p>
    <p>текст</p>
    <p>текст</p>
</div>

var elem = document.getElementById("block");
elem.style.height = elem.scrollHeight + 'px';
Ответить с цитированием
  #4 (permalink)  
Старый 26.07.2017, 17:08
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

height:auto
Ответить с цитированием
  #5 (permalink)  
Старый 26.07.2017, 17:26
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от artstyles
По такому примеру высота определяется, но не обновляется, если добавился контент.
значит обновлять высоту скриптом нужно после загрузки всех элементов типа img или frame или задать таким элементам в css height
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Определение высоты блока dima-kruglyak Элементы интерфейса 7 23.05.2017 00:37
Динамическое изменение высоты блока IndigoHollow jQuery 5 04.04.2016 18:09
Изменить высоту фрейма в зависимости от высоты блока в загружаемом документе Sigizmund2012 Элементы интерфейса 18 09.12.2014 18:07
Определение высоты блока с overflow: scroll Ilyan Events/DOM/Window 2 23.11.2012 19:04
динамическое определение высоты дива igor04 Javascript под браузер 12 17.08.2011 19:42