Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ssis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 对话框中的双滚动条_Css_Angular_Dialog - Fatal编程技术网

Css 对话框中的双滚动条

Css 对话框中的双滚动条,css,angular,dialog,Css,Angular,Dialog,我固定了引导对话框的高度,但出于某种原因出现了一个双滚动条,但我只需要尝试溢出:隐藏,但不幸的是它没有解决问题。当我选中一个复选框,对话框跳转时,问题就出现了。因为对话框的较长部分出现了,所以我不能粘贴很多代码,因为对话框的组件由多个组件组成 到目前为止,我已经完成了css格式化: body { overflow-y: hidden; } .dialog-layout-modal-body { min-height: 662px; max-height: 70

我固定了引导对话框的高度,但出于某种原因出现了一个双滚动条,但我只需要尝试溢出:隐藏,但不幸的是它没有解决问题。当我选中一个复选框,对话框跳转时,问题就出现了。因为对话框的较长部分出现了,所以我不能粘贴很多代码,因为对话框的组件由多个组件组成

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

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

body {
  overlfow: hidden;
}

是否有一些引导或css或任何解决方案可以解决此问题?

一个来自
浏览器
滚动,另一个来自
对话框
。检查父节的css属性是否为“overflow:auto;”这将导致这个问题

您可以对
body
标记执行类似操作

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

一个来自
浏览器
滚动,另一个来自
对话框
。检查父节的css属性是否为“overflow:auto;”这将导致这个问题

您可以对
body
标记执行类似操作

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

我也尝试过这个解决方案,但不幸的是,错误与@Manjuboyscan相同,你去掉了
min height
?让我知道,如果您共享模式页面和父页面的CSS,我将不胜感激。我需要最小的高度来适应可视化,我将CSS代码传递给了父页面。如果您共享共享代码之外的CSS,我很乐意为您提供帮助。正文{overflow-y:hidden;}。对话框布局模式正文{最小高度:662px;最大高度:700px;溢出:自动;}并将父组件添加到:body{width:100%;溢出-y:hidden;}我也尝试过这个解决方案,但不幸的是,错误是相同的@Manjuboy扫描你拿出
最小高度
?让我知道,如果你共享模式和父页面的CSS,我将不胜感激。我需要最小高度来适应可视化,我将CSS代码传递给了家长。如果你共享你拥有的CSS,我很乐意帮助你除了您共享的代码之外,我还使用了。body{overflow-y:hidden;}。对话框布局模式body{min height:662px;max height:700px;overflow:auto;}并将父组件添加到:body{width:100%;overflow-y:hidden;}您是否想过将标记为溢出:隐藏!重要;不幸的是,此解决方案没有帮助您是否想过将标记为溢出:隐藏!重要;不幸的是,此解决方案没有帮助