Есть у меня 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);
}
1 ответ
function theBestFunction() {
document.getElementsByTagName('div')[0].style.minHeight = "calc(100vh - 100px)";
}
theBestFunction();
div {
min-height: 100px;
background: red;
width: 100px;
}
<div></div>
100% высоты экрана
-100vh