滚动时隐藏div会影响不必要的宽度

Question

实际上，这肯定是一个简单的问题，但是我仍然停留在某个时候。 #div不会显示超过1000像素的宽度。当宽度小于1000px时显示。因此，在显示时，我还尝试在滚动时添加隐藏。

var vw = $(window).width();

if (vw < 1000) {
    $(window).scroll(function() {
        $("#div").css("display", "none").fadeIn("fast");
    });
} else if (vw > 1000) {
    $("#div").hide()
}

正在工作。但是有一个问题。通常，当宽度超过1000px时div是隐藏的。但是，如果宽度小于1000像素，之后又大于1000像素。当宽度超过1000px时，滚动功能生效。我想隐藏超过1000像素的

我只希望滚动功能生效宽度小于1000px。

Answer 1

将if和变量移动到滚动事件中

$(window).scroll(function() {
  var vw = $(window).width();
  if (vw < 1000) {
    $("#div").css("display", "none").fadeIn("fast");
 } else if (vw > 1000) {
    $("#div").hide()
 }
});