2

由于 AddThis 代码，具有 AddThis 代码的页面非常宽。结果，出现一个水平滚动条。

删除代码或将页面方向更改为 LTR 可以修复所有问题，并且页面宽度恢复正常。

如前所述，出现问题是因为我使用的是 RTL 方向（html dir="rtl"），当我尝试将 Addthis 代码放入具有 LTR 方向的 div 中时，它没有帮助。

如何摆脱水平滚动条并使用 RTL 方向？

4

3 回答 3

3

AddThishtml中有一些span会自动添加到页面中。其中一些跨度使用“ .at_a11y” css-class，其中有一个left属性是水平滚动的主要原因。

.at_a11y {
position: absolute!important;
left: -10000px!important;
top: auto!important;
width: 1px!important;
height: 1px!important;
overflow: hidden!important;
}

解决方案：您可以在自己的 css 文件中定义自己的 ' .at_a11y' css 类，并将left属性覆盖为正常值。这会导致上面的css属性失效，然后水平滚动消失！

.at_a11y
{
    left: auto !important;
}
于 2012-10-31T13:25:06.247 回答
2

我有同样的问题，我在你的问题中找到了解决方法！！！

RTL LTR 是重点，idid 是为身体设置的内部 div 制作 CSS 样式。

    <body>
        <div class="wrraper">
       -- the cod for the addthis some where in the page... --
        </div>
    </body>

当在 css 中时，.wrraper 是 LTR 的位置，RTL 是 exem： http: //www.visualtext.co.il

于 2012-06-27T23:35:27.780 回答
0

puthtml{ overflow-x:hidden; }会解决这个问题

于 2013-07-28T12:06:23.333 回答