Bootstrap Modal无法滚动

时间:2017-03-09 14:31:25

标签: css modal-dialog overflow bootstrap-modal

Bootstrap Modal无法使用鼠标滚动。相反,整个网站在后台滚动。这是我的代码:

var hello1 = (string)this.Model.hello.XPathEvaluate("/hello/helloworld]");

以下是网址:http://veritaswp.excellence.lt/dirbtinis-akmuo/dekton/(您可以点击“Spalvųvariantai”查看此模式。

2 个答案:

答案 0 :(得分:2)

您好,您可以通过在.modal-content类中添加overflow:scroll和max-height来修复它。

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  max-height: 500px;
  overflow: scroll;
}

答案 1 :(得分:-1)

耶!

如果有人有类似问题,请检查您是否使用简单视差滚动 Parallax.js插件URL)。 Bootstrap JS模式和Parallax JS插件冲突,因此我无法滚动模态,只能在网站背景中使用网站。

祝你好运!