当iframe自动达到一定高度时隐藏div

时间:2018-01-31 16:48:26

标签: javascript jquery html css iframe

我的用户在我们的网站上预约,当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的高度

1 个答案:

答案 0 :(得分:0)

<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>