【问题标题】:Bootstrap open-modal scroll issueBootstrap 开放模式滚动问题
【发布时间】:2015-12-22 03:24:02
【问题描述】:

我在打开 Bootstrap 模式时遇到问题,它会稍微移动整个网站。我检查了this question,但添加.modal-open { overflow: scroll } 并没有帮助我,因为是的,它使它保留了右侧滚动条,但问题不在于它消失了,只是它将整个网站移到了一点对 - 这也导致底部滚动条,影响页脚。

我基本上只是在寻找一个结论,即触发引导模式不会移动我的整个网站,这个 gif 演示了它;

除了overflow: scroll 之外,我还没有添加其他影响.modal-open 的自定义css。尽管我尝试将其设置为 overflow: auto 和隐藏等,但没有任何帮助。

【问题讨论】:

  • 当模态打开时,它将网站向左推15px,因为创建了一个不可见的滚动,所以模态后面的页面可以滚动。
  • 你在gif中展示的问题与.modal-open没有任何关系
  • @Shehary 好吧,我不知道那是什么......

标签: html css twitter-bootstrap


【解决方案1】:

看起来覆盖有问题 - 你能检查一下它的样式吗?

【讨论】:

  • 我没有添加任何带有属性overlay的自定义CSS
  • 所以也许你应该:P
猜你喜欢
  • 1970-01-01
  • 2014-07-12
  • 1970-01-01
  • 2013-12-27
  • 2021-07-10
  • 2017-02-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多