Question

如何在媒体查询css中删除或禁用jQuery属性（Class和Id）？我希望删除或禁用属性，如果它达到991px大小。

这是我的代码。


    $(window).scroll(function() {
        if ($(this).scrollTop() > 1){  
            $('#stickyHeader').addClass("sticky01");
            $('.site-title').attr("id", "stSize");        
            $('#site-navigation').addClass("stNavSize");        
        }else{
            $('#stickyHeader').removeClass("sticky01");
            $('.site-title').removeAttr("id", "stSize");
            $('#site-navigation').removeClass("stNavSize");
            $('.site-title').addClass("stSize2");
            $('#site-navigation').addClass("stNavSize2");
        }
    });

感谢您的帮助：）

Answer 1

您可以使用991px制作新的类或ID，并将其设置为display = none，

@media你可以为大于991px的屏幕添加类别

我希望它有所帮助，否则请写评论，我很乐意帮助你

Answer 2

CSS媒体查询以更改某个视口断点处的元素

/* CSS for > 991px */

.element {
  color: red;
}

/* CSS for < 991px */

@media (max-width: 991px) {
  .element {
    color: blue;
  }
}

jQuery在load和resize

上添加/删除类，ID等

$(window).on('load resize',function() {
 if ($(this).width() > 991) {
     $('#stickyHeader').addClass("sticky01");
 } else {
      $('#stickyHeader').removeClass("sticky01");
 }
});

如何在媒体查询css中禁用jQuery属性

2 个答案: