【问题标题】:Double scroll bar in dialog对话框中的双滚动条
【发布时间】:2020-03-19 09:23:36
【问题描述】:

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

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

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

以及父 CSS 代码:

body {
  overlfow: hidden;
}

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

【问题讨论】:

  • 你有没有想过标记为溢出:隐藏!重要;
  • 不幸的是,这个解决方案没有帮助

标签: css angular dialog


【解决方案1】:

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

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

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

【讨论】:

  • 我也试过这个解决方案,但不幸的是错误是一样的@Manjuboys
  • 你能把那个min-height拿出来吗?让我知道,如果您分享模态页面和父页面的 CSS,我将不胜感激。
  • 我需要最小高度来适应可视化,并将 CSS 代码传递给父级
  • 如果您分享除了您分享的代码之外您使用的 css,我很乐意为您提供帮助。
  • body { 溢出-y:隐藏; } .dialog-layout-modal-body { 最小高度:662px;最大高度:700px;溢出:自动;并将父组件添加到:body { width: 100%;溢出-y:隐藏; }
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-02-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多