Bootstrap 模态强制滚动到顶部答案

【问题标题】：Bootstrap modal forces scroll to topBootstrap 模态强制滚动到顶部
【发布时间】：2016-04-25 16:09:08
【问题描述】：

我目前正在尝试实现帖子提要，点击帖子会打开一个模式。我使用 angular 作为前端框架并决定使用 bootstrap 模态，因为它适用于 angular。问题是，模态在显示时会强制正文滚动到顶部。这在滚动浏览提要时当然不理想。

下面的 css 行是罪魁祸首。为什么这会导致问题发生，我不知道，但我有点需要滚动条始终显示。否则加载动态内容会使我的布局跳来跳去。

html {
    overflow-y: scroll;
}

现在删除这条线很好，但我需要尽快找到解决方法，因为加载新内容时布局会水平跳跃，如果滚动条并不总是可见然后突然出现。有没有人知道为什么这会导致问题，以及我该如何解决？

【问题讨论】：

【解决方案1】：

听起来模态是问题所在。确保您的模态框或其最外层容器具有position: fixed，因为这听起来像是在扰乱<body> 元素的流动。

【讨论】：