当Bootstrap Modal打开时，滚动条会改变边

Question

我正在使用bootstrap-modal来渲染模态窗口。

当站点为RTL时，垂直滚动条位于右侧。当模态打开时，右侧的滚动条消失，左侧出现另一个滚动条。

这可以在demo site上复制。 只需在控制台上$("body").css("direction","rtl")即可将滚动条移到右侧，而不是打开任何模态。

为什么左侧是第二个滚动条？如何让它保持在右侧？

Answer 1

我看到恰恰相反。当站点（正文）是RTL时，我永远不会看到右侧的vert滚动条。总是在左边。这就是它“应该”的方式。

您无法更改它 - 至少不能使用浏览器滚动条。它位于左侧，因为当网站的方向是RTL时，滚动条“属于”的位置（至少根据浏览器......一些RTL读者认为它很奇怪）。

您可以使用javascript插件或滚动自己的自定义滚动条，但如果您在网站是RTL时将其放在左侧，那么您将更改默认的浏览器行为，并且您将为自己提供大量的难以与bootstrap集成。

修改

根据我在下面的第一条评论，我正在错误地查看演示页面。抱歉。模式打开时出现的滚动条位于表示模态背景的div上。浏览器根据RTL页面的方向正确应用此功能。但是当页面是RTL时，窗口的滚动条不会翻转;这是一个div。

您可以使用CSS删除模态背景的滚动条（http://jschr.github.io/bootstrap-modal/css/bootstrap-modal.css的第16行）。

然而，这会产生其他后果，并且可能类似于您尝试通过窗口主滚动条的交换方式避免的后果。