jquery - 在线表格的模态高度

Question

当我在 CSS 中定义一个高度时，我会知道如何在我的模态中改变我的表单的高度，只有表单变化“背后”的模态高度， 它是在线表单，所以我无法在表单上应用 CSS 样式

我想这样做，因为表单的高度太高，并且在验证码之后继续

我的模态

<div class="modal fade" id="contact" data-backdrop="false">
  <div class="modal-dialog modal-lg">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-body">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
          <div class="pipedriveWebForms" data-pd-webforms="https://pipedrivewebforms.com/form/2067fd4d72477805424c879502205cc81994719"><script src="https://pipedrivewebforms.com/webforms.min.js"></script></div>
      </div>
    </div>
  </div>
</div>

我的 CSS

.modal-body {
    padding: 20px 50px;
}

.modal-body {
    position: relative;
    padding: 15px;
}

Answer 1

您正在模态窗口中加载 iframe。 Yoiur 文档没有关于 iframe 高度的信息(如果这个不将此信息发送到您的文档)。但是，如果您知道 iframe 始终具有固定高度:在您的示例中为 605px，您可以在您的 css 中使用它:

.pipedriveWebForms {
     height: 800px !important; /* you have to update this to fit your needs */
}

这里有一个 fiddle :https://jsfiddle.net/0jhpzkes/