javascript - 当iframe自动达到特定高度时隐藏div

我的用户在我们的网站上预订了一个约会，当iframe更改高度时，该约会会更改iframe的高度，我想自动隐藏以上iframe。到目前为止，这是我的限制，它仅适用于以下事件，但我希望它动态隐藏，而不是在页面调整大小或滚动时隐藏，因为这些事件不会发生

$(window).on('load resize scroll', function() {
  if ($(".remove-text").height() >= 582) {
    $("#execphp-30, #execphp-47, #execphp-48").hide();
  } else {
    $("#execphp-30, #execphp-47, #execphp-48").show();
  };
});

我使用iframeresizer js插件来动态检测iframe的高度

最佳答案

<script>
jQuery(function($) {

$(window).on('DOMSubtreeModified', function() {
  if ($(".remove-text").height() >= 582) {
    $("#execphp-30, #execphp-47, #execphp-48").hide();
  } else {
    $("#execphp-30, #execphp-47, #execphp-48").show();
  };
});

});
</script>