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

Question

我正在使用bootstrap-modal来呈现模态窗口。

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

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

为什么第二个滚动条在左侧？我怎样才能让它保持在右侧？

Answer 1

我看到的正好相反。当站点（正文）是 RTL 时，我永远看不到右侧的垂直滚动条。总是在左边。这就是它“应该”的样子。

你不能改变它——至少不能用浏览器滚动条。它在左边，因为当站点的方向是 RTL 时，滚动条“属于”那里（至少根据浏览器……一些 RTL 读者认为这很奇怪）。

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

编辑

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

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

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