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

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 创建一个新的 class 或 id 并设置它的 display=none,

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

希望对您有所帮助，否则请在评论中给我留言，我很乐意为您提供帮助