html - 模态打开时如何使 madal 的背景可滚动?

标签 html css twitter-bootstrap twitter-bootstrap-3

我创建了一个 Bootstrap 模式,当它弹出时,背景页面的垂直滚动条被禁用,背景页面的内容以相同的滚动条宽度移动到右侧。所以我想避免这种移动页面的内容,并在模态打开时使背景可滚动? (请注意,我使用的是 bootstrap 3.0.0 模态) 所以,请给我一些提示。提前谢谢你。 . .

最佳答案

像这样更改 CSS..

#myModal .modal-content
{
  height:200px;
  overflow:auto;
}

如果您不想在整个模态框上使用滚动条,请改用 modal-body:

#myModal .modal-body
{
  height:200px;
  overflow:auto;
}

演示:http://bootply.com/88983

关于html - 模态打开时如何使 madal 的背景可滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19636007/

相关文章:

javascript - webkit 粘性页脚菜单

javascript - 如何将 html 按钮连接到 javascript 函数?

css - 为什么相同厚度和相同位置的边框不完全重叠?

css - Yii Bootstrap Extension IE8 主动导航错误

html - 对齐列表中心,而列表项在 d-flex 中向左浮动

html - 使用 Node.js 提供动态网页

javascript - 如何在 if 语句中为用户输入添加多个选项

javascript - 如何使一个 div 出现在另一个 div 的悬停上(CSS 或 JavaScript)

html - 如何让 html 内容在初始 View 之外重复/加载?

html - 使用 Bootstrap 时,如何使初始加载页面适合显示宽度?