【问题标题】:Why do I get a slider with modal?为什么我会得到一个带模态的滑块?
【发布时间】:2014-02-11 19:01:24
【问题描述】:

我的模态旁边有一个滑块,如下所示:

我的模态代码是:

 div#myModal.modal.fade.col-md-8.col-md-offset-2(tabindex="-1", role="dialog", aria-labelledby="myModalLabel" aria-hidden="true")
    div.modal-content
        div.modal-body
            p Modal body content.
        div.modal-footer
            button.btn.btn-default(type="button", data-dismiss="modal") Close

我从javascript 调用模态:

  $('#joinBtn').click(function(event) {
        $('#myModal').modal({
        show: true
    })
});

【问题讨论】:

  • 你需要在包含元素中添加overflow:hidden
  • 包含元素是什么意思?因为我已经添加到 #myModal div 并且它不起作用。

标签: javascript html css twitter-bootstrap-3 pug


【解决方案1】:

你应该可以添加

 div#myModal.modal.fade.col-md-8.col-md-offset-2(tabindex="-1", role="dialog", aria-labelledby="myModalLabel" aria-hidden="true" style="overflow-y: auto;")

或者在你的 CSS 中你可以添加:

.modal {
    overflow-y: auto;
}

【讨论】:

  • 出于某种原因修改 css 不起作用,但明确定义 style 可以。
  • @Pio 可以尝试在 id 上做吗?所以#myModal{ overflow-y: auto; }
  • 这与明确指定几乎相同。我的意思是它只会对那个特定的模态起作用。不过没关系。
  • 这实际上是我的错。我在引导之前包含了我的自定义样式。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2023-04-01
  • 1970-01-01
  • 2019-04-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多