Javascript 滚动经过特定点并显示屏幕'；if语句中的宽度

我想用jQuery创建一个函数，如果用户滚动超过某个点并且屏幕宽度小于某个像素数，该函数将显示

div

如果这两个条件都不满足，我希望隐藏

div

。到目前为止，这就是我所拥有的，但我不确定如何让它发挥作用

var y=$（this.scrollTop（）；
如果（（！$（y>400））&（！$（$（窗口）.width（）<400）））{
$（'.subheader'）.slideDown（）；
}否则{
$（'.subheader'）.hide（）；
}
});
。副标题{
宽度：100%；
高度：60px；
位置：固定；
排名：0；
左：0；
背景：红色；
}

您应该首先修复您的条件并使其成为一个函数。然后创建两个事件监听器来调用函数一个监听器用于调整窗口大小，另一个监听器在页面滚动时调用好的，公平警告这在性能上是可怕的，因此我建议研究如何限制函数，但它应该适合您的目的。基本上，它所做的是在每个滚动或窗口上调整大小，它检查您的需求并做它应该做的事情

$(document).ready(function() {
  $(window).scroll(function(){
    subHeaderCheck();
  });
  $(window).resize(function() {
    subHeaderCheck();
  })

  function subHeaderCheck() {
    if($(window).scrollTop() > 20 && $(window).width() < 600) {
        $(".subheader").slideDown();
    } else {
        $(".subheader").slideUp();
    }
  }
})

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
副标题检查（）；
});
$（窗口）。调整大小（函数（）{
副标题检查（）；
})
功能子标题检查（）{
如果（$（窗口）.scrollTop（）>20&&$（窗口）.width（）<600）{
$（“.subheader”）.slideDown（）；
}否则{
$（“.subheader”）.slideUp（）；
}
}
})

拨弄
节流：