Блог

Главная - Вопросы по программированию - Как я могу добавить vw в высоту с помощью jQuery?

Как я могу добавить vw в высоту с помощью jQuery?

#javascript #jquery

Вопрос:

Я хочу сделать что-то вроде следующего. Получите высоту .content, а затем добавьте эту высоту плюс 27 вт к высоте .контейнера.

Возможно ли это вообще?

 let imageHeight = $('.content').height();
$('.container').css('height', imageHeight - '27vw');

Ответ №1:

Вы можете использовать calc функцию CSS для добавления 27vw высоты элемента:

 let imageHeight = $('.content').height();
$('.container').css('height', `calc(${imageHeight}px   27vw)`); 
 .container{
  background-color:grey;
}

.content{
  height:1vw;
  background-color:yellow;
} 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="content"></div>
<div class="container"></div>
Метки: