Javascript 在元素外部滚动时隐藏元素

我使用此代码在用户滚动页面时隐藏块。如何仅在滚动块外部时隐藏块

$('html, body').bind('scroll',function (e) {
 var container = $("CONTAINER SELECTOR");
 if (container.has(e.target).length === 0){
  container.hide();
 }
});

这是我的html

<div class="parent_block">
 <div class="menu-button">
  <img src="/img.svg" />
 </div>
 <div class="toggled_block">
  <nav><a href="/">Home</a></nav>
 </div>
</div>
<script>
 $(".menu-button").click(function() {
  $('.toggled_block').toggle();
 });
 $(document).on('click', function(e) {
  if (!$(e.target).closest(".parent_block").length) {
  $('.toggled_block').hide(); 
 }
 e.stopPropagation();
});
$(document).bind('scroll',function (e) {
 var container = $(".toggled_block");
 if (container.has(e.target).length === 0){
  container.hide();
 }
});

$（“.menu按钮”）。单击（函数（）{
$（'.toggled_block'）.toggle（）；
});
$（文档）。在（'单击'）上，函数（e）{
if（！$（e.target）.最近（“.parent_block”）.长度）{
$（'.toggled_block'）.hide（）；
}
e、 停止传播（）；
});
$（文档）.bind（'scroll'，函数（e）{
var容器=$（“.toggled_块”）；
if（container.has（e.target）.length==0）{
container.hide（）；
}
});

---

你能和我分享一下吗html@MunkhdelgerTumenbayar，已编辑。这是我的html/你能分享一下吗html@MunkhdelgerTumenbayar，已编辑。这是我的html/