Добавьте CSS, когда высота в окне меньше (каждый раз, когда размер окна изменяется) - PullRequest
Новая
       32

Добавьте CSS, когда высота в окне меньше (каждый раз, когда размер окна изменяется)

0 голосов
/ 19 сентября 2019

Попытка проверить высоту окна (каждый раз, когда размер окна изменяется), если она меньше <540px, добавьте CSS в класс.Но почему это не работает?что-то не так с моим jquery ?? </p> 

$( window ).resize(function() {
var windowh = $(window).height();

if (windowh < 540 ) {
    $(".theclass").css('height', '200px');
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

1 Ответ

4 голосов
/ 19 сентября 2019

По вашему вопросу есть двусторонние решения

с CSS 

/* OLD CSS*/
.theclass { 
    text-align: right;
    background: lightgray;
}

/* Solution*/
@media (max-height: 540px) {
  .theclass {
    height: 200px;
  }
}
<div class="theclass">
  Full Screen View ↑
</div>

С JS 

$( window ).on('load resize',function() { //<-- Change to load,resize
  var windowh = $(window).height();

  if (windowh < 540 ) {
      $(".theclass").css('height', '200px');
  }
});//<-- You forgot close `});`
/* OLD CSS*/
.theclass { 
    text-align: right;
    background: lightgray;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="theclass">
  Full Screen View ↑
</div>
...