html - 当 Bootstrap Modal 打开时，滚动条会改变方向

Question

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

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

这可以在 demo site 上复制.只需在控制台上使用 $("body").css("direction","rtl") 即可将滚动条移至右侧，然后打开任何模式。

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

Answer 1

我的看法恰恰相反。当站点(正文)为 RTL 时，我从不在右侧看到垂直滚动条。总是在左边。这就是“应该”的样子。

您无法更改它——至少不能使用浏览器滚动条。它位于左侧，因为当站点的方向为 RTL 时滚动条“属于”那里(至少根据浏览器...一些 RTL 读者认为这很奇怪)。

您可以使用 javascript 插件或滚动您自己的自定义滚动条，但是如果您在站点为 RTL 时将其放在左侧，您将更改默认的浏览器行为，并且会给自己带来很多麻烦难以与 Bootstrap 集成。

编辑

根据我在下面的第一条评论，我错误地查看了演示页面。对不起。模式打开时出现的滚动条位于代表模式背景的 div 上。浏览器根据 RTL 页面的方向正确地应用它。但是，当页面处于 RTL 状态时，翻转的不是窗口的滚动条；而是滚动条。这是一个分区。

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

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