自举模态力滚动到顶部

Bootstrap modal forces scroll to top

本文关键字：顶部滚动模态更新时间：2023-09-26

我目前正在尝试实现帖子提要，单击帖子将打开一个模态。我正在使用 angular 作为前端框架，并决定使用 bootstrap 模态，因为它与 angular 配合得很好。问题是，模态迫使主体在显示时滚动到顶部。这在滚动浏览提要时当然不理想。

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

html {
    overflow-y: scroll;
}

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

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