Javascript 修改jQuery以仅根据屏幕宽度触发特定CSS

当用户向下滚动页面时，我目前正在使用下面的jQuery使标题保持粘性并固定到位，但我只希望

#logo

设置为

显示：无屏幕宽度小于768px（我已经在使用各种样式表和媒体查询）

我怎么能只触发
jQuery（'.stickyheader#logo'）.css（'display'，'none'）对于这个场景，请？提前感谢。
您最好添加/删除一个类，并在CSS文件中：

@media all and (max-width:768px) {
    .hide_if_under_768px {display:none}
}

一般来说，将原始CSS放在JavaScript中是一个坏主意（与使用
style=“CSS here”
属性通常是不好的原因相同）
是的，我只是简单地将
.addClass（'hide'）
添加到if语句和
.removeClass（'hide'））
到上面我发布的代码中的else语句，然后在CSS中设置
。hide
到
display:none
。谢谢
@media all and (max-width:768px) {
    .hide_if_under_768px {display:none}
}