首页 文章

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

提问于
浏览
0

如何在媒体查询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");
        }
    });

谢谢您的帮助 :)

2 回答

  • 0

    您可以使用991px创建一个新类或id并将其设置为display = none,

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

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

  • 0

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

    /* CSS for > 991px */
    
    .element {
      color: red;
    }
    
    /* CSS for < 991px */
    
    @media (max-width: 991px) {
      .element {
        color: blue;
      }
    }
    

    jQuery在 loadresize 上添加/删除类,id等

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

相关问题