对话框中的双滚动条

Question

我修复了Bootstrap对话框的高度，但由于某种原因出现了双滚动条，但我只需要尝试溢出：隐藏，但不幸的是它没有解决问题。当我选择一个复选框并且对话框跳下时出现问题，因为对话框的较长部分进入，我无法粘贴很多代码，因为对话框的组件由几个组件组成。

到目前为止我已经完成了css格式化：

  body {
    overflow-y: hidden;
  }
  .dialog-layout-modal-body {
    min-height: 662px;
    max-height: 700px;
    overflow: auto;
  }

以及父 CSS 代码：

body {
  overlfow: hidden;
}

是否有一些引导程序或 css 或任何解决方案如何解决此问题？

Answer 1

一个来自browser滚动，另一个来自dialog。检查 Parent 部分的 css 属性是否为 'overflow:auto;' 这将导致此问题。

或

你可以为body标签做这样的事情。

body{
  width:100%;
  overflow-x:hidden; // hides bottom scroll
  overflow-y:hidden; // hides vertical scroll
  }