Question

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

删除代码或将页面方向更改为LTR可修复所有内容，页面宽度恢复正常。

如上所述，问题发生是因为我正在使用RTL方向（html dir =“rtl”），当我尝试将Addthis代码放入具有方向LTR的div时，它没有帮助。

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

Answer 1

AddThis html中有一些自动添加到页面的跨度。其中一些跨度使用“.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属性无效，然后horizental滚动将消失！

.at_a11y
{
    left: auto !important;
}

Answer 2

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

RTL LTR是关键点，idid是为身体内部div制作CSS样式。

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

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

Answer 3

put html{ overflow-x:hidden; }将解决此问题

由于Addthis脚本导致的页面宽度错误

3 个答案: