Скрытие меню при скроле

$('.menu-btn').click(function(){ 
  $('#mb-menu').slideToggle(500); 
}); 
$(document).scroll(function(){ 
  $('#mb-menu').slideUp(500); 
});

#mb-menu{ 
  background-color:wheat; 
  width:200px; 
  height:200px; 
  position: fixed; 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<button class='menu-btn'>///</button> 
<div id='mb-menu'>123</div> 
<br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr><br><hr>