Question

我有一个弹出窗口，我想在显示弹出窗口时向主体添加隐藏溢出，当隐藏它时，我要将其更改回滚动。弹出窗口是通过第三方插件插入的，我可以访问的唯一的javascript文件是我的主题。我现在有这个

let aLowerCaseString = String.lowercased("QWERTY")()

我刚刚使用全局$( "div" ).click(function() { if ($('body').css('overflow-y') == "hidden") { $("body").css("overflow-y", "scroll"); } }); $("#inline").click(function() { $("body").css("overflow-y", "hidden"); });来隐藏它，因为插件是在最后添加的。如果我只使用第二个函数，它会根据需要将隐藏添加到正文中，但如果我包含第一个函数，它会覆盖第二个函数并且只允许一直滚动。知道如何解决这个问题吗？

Answer 1

这是因为你的id inline元素嵌套在div中。您需要使用e.stopPropogation();

停止点击事件从传播到此元素的父元素

使用

$( "div" ).click(function() {
  if ($('body').css('overflow-y') == "hidden") {
      $("body").css("overflow-y", "scroll"); 
  }
});
$("#inline").click(function(e) {
  e.stopPropogation();
  $("body").css("overflow-y", "hidden");
});

添加隐藏到身体的溢出

1 个答案: