如何为屏幕宽度向现有javascript函数添加额外的if语句？

我有一个Javascript代码，我想为if语句添加一个额外的规则-如果屏幕宽度低于767px，那么下面的CSS类属性“av_header_transparency”就是有问题的代码：

if（透明）{
如果（st>50）{
//header.removeClass（'av_header_transparency'）；
av_变更_类（标题“删除”、“av_标题透明度”）；
}否则{
//header.addClass（'av_header_transparency'）；
av_变更_类（标题“添加”、“av_标题透明度”）；
}
}

不确定是否正确解释了它，但您可以在移除它之前检查屏幕宽度，因此

if(transparent)
{   
    if(st > 50 && window.innerWidth >767)
    {   
                //header.removeClass('av_header_transparency');
        av_change_class(header, 'remove', 'av_header_transparency');
    }
    else
    {
        //header.addClass('av_header_transparency');
        av_change_class(header, 'add', 'av_header_transparency');
    }
}

---

CSS媒体查询非常适合于此：

@媒体屏幕和（最大宽度：767px）{
header.someClass{
/*适用于高达767px的尖叫的样式*/
}
}
@媒体屏幕和屏幕（最小宽度：768px）{
header.someClass{
/*大于768px的尖叫声的样式*/
}
}

可能使用CSS媒体查询使该类在mobileThanks上的行为有所不同，但st>50告诉您需要向下滚动多少才能应用CSS删除规则。如果屏幕宽度低于768px，我需要保留这个类，就像在CSS上我们使用@media only screen（最大宽度：767px）一样，我只是对JS一无所知。你不能把767px放进你的代码中。你应该把它比作一根绳子。谢谢西蒙，这很有魅力！很棒的社区！谢谢你的帮助，但我真的需要在JS代码中这样做。