1

Есть у меня div, с id="container". Его минимальная высота прописана в CSS: min-height: calc(100% - 184px);. Мне надо, чтобы при вызове JS-функции theBestFunction min-height этого блока изменялась на такое значение: "100% высоты экрана минус 100 пикселей". Вот, как я пытался сделать это (оно не работает): function theBestFunction() { document.getElementById('container').style.minHeight = (document.documentElement.clientHeight - 184); }

2
  • 100% высоты экрана - 100vh
    – entithat
    Commented 30 дек. 2019 в 10:19
  • Мне "100vw" выдало как ошибку, теперь вообще функция на вызов не реагирует (100vh - тоже)
    – noNameR
    Commented 30 дек. 2019 в 10:21

1 ответ 1

1

function theBestFunction() {
  document.getElementsByTagName('div')[0].style.minHeight = "calc(100vh - 100px)";
}

theBestFunction();
div {
  min-height: 100px;
  background: red;
  width: 100px;
}
<div></div>

2
  • Спасибо вам огромное! Это работает
    – noNameR
    Commented 30 дек. 2019 в 10:27
  • С Новым годом :)
    – entithat
    Commented 30 дек. 2019 в 10:28

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.