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