javascript - 向下滚动其余100px时隐藏div

向下滚动其余100px时，我想隐藏div。
如果您有任何答复，请帮助我

$(document).scroll(function() {
  var y = $(this).scrollTop();
  if (y > 2300) {
    $('.bottomMenu').show();
  } else if { ?
  } else {
    $('.bottomMenu').hide();
  }
});

.bottomMenu {
  display: none;
  position: fixed;
  top: 10%;
  width: 100%;
  height: 60px;
  border-top: 1px solid #000;
  background: red;
  z-index: 1;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="bottomMenu" style="background:red; height:100px;width:100px;">ikanbakar</div>

最佳答案

这应该是代码。您应该在CSS中添加一个类作为


  bottomMenu.active {}


在那里定义您的样式。

$(window).on("scroll", function() {
    if($(window).scrollTop() > 2300) {
        $(".bottomMenu").addClass("active");
    } else {
       $(".bottomMenu").removeClass("active");
    }
});