Question

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

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

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

Answer 1

您好，您可以通过在.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;
}

Answer 2

耶！

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

祝你好运！

Bootstrap Modal无法滚动

2 个答案: