Определения размеров экрана с помощи Jqery?

Question

[Alpha12]

Привет, я написал код который добавляет к элементу дерева клас , если скрол страницы с верху больше 400px, но при размере 768, мне не нужно вообще применять этот класс, как сделать ище проверку на размер экрана и удалять этот класс
код внизу

$( document ).ready(function() {



   $("#aside").removeClass("fixed");
$(window).scroll(function(){
    if ($(this).scrollTop() > 150) {
    $("#aside").addClass("fixed").fadeIn('fast');
    

  }
  else{
    $("#aside").removeClass("fixed").fadeIn('fast');
   };
  });

});

Answer 1

[leni_m]

$(window).scroll(function(){
if ($(window).width() == 768) {
   $("#aside").removeClass("fixed");
} else {
   if ($(this).scrollTop() > 150) {
    $("#aside").addClass("fixed").fadeIn('fast');
  }
  else{
    $("#aside").removeClass("fixed").fadeIn('fast');
   }
}
});

Answer 2

[Dymok]

Примерно так

if (($(this).scrollTop() > 150) && ($(window).width > 768) {
    $("#aside").addClass("fixed").fadeIn('fast');
  }

Comments

[Alpha12]

но мне при 768 нужно удалить , а не добавить класс..

Answer 3

[Александр Nameless08]

Можно решить этот вопрос без js. Написать медиазапрос под разрешения более 768 и там задать стили для класса fixed.