在仅在一页上制作网站 RTL 时向左滚动答案

【问题标题】：Scrolling left while making website RTL on just one page在仅在一页上制作网站 RTL 时向左滚动
【发布时间】：2017-07-25 21:00:30
【问题描述】：

我正在开发一个网站，我正在制作它 RTL。整个网站都还可以，但我的 1 页有问题

我在制作 this 页面 RTL 时遇到问题。

由于其他页面都可以，我很确定此页面上的搜索表单会导致此问题。即使我使用以下代码来避免滚动，但点击搜索字段后，页面再次向左滚动：

html, body {overflow-x: hidden; }

【问题讨论】：

我不明白你的问题。我没有看到任何向左滚动。
您好，感谢您的帮助。现在检查。请点击地图下方的搜索栏。当您单击它们时，页面会向左滚动。我仅在此页面上遇到此问题：nicvo.com/business-listing 因为搜索表单。我认为水平滚动是隐藏的，但如果你使用 mac，你可以使用鼠标向左滚动。如果你想看，可以点击搜索栏
我想我找到了解决这个问题的方法。我将正文方向更改为 LTR，而我的网站语言是 RTL。我正在使用 wordpress 和编辑器进行扶正，而我的主题是 LTR。我会测试它，如果我成功了，我会在这里写下我的更改结果以帮助其他人。

【解决方案1】：

我可能已经发现了问题所在。您有以下 CSS 声明：

.single.options-hidden.selectator_element .selectator_input {
    opacity: 0;
    position: absolute;
    left: -10000px;
}

left: -10000px; 似乎是您的问题的原因。

【讨论】：