2

AddThis コードがあるページは、AddThis コードのために非常に広いです。その結果、水平スクロール バーが表示されます。

コードを削除するか、ページの方向を LTR に変更すると、すべてが修正され、ページ幅が通常に戻ります。

前述のように、RTL 方向 (html dir="rtl") を使用していて、Addthis コードを方向 LTR を持つ div に入れようとしたときに問題が発生しましたが、役に立ちませんでした。

水平スクロール バーをなくして RTL 方向を使用するにはどうすればよいですか?

4

3 に答える 3

3

AddThishtml には、ページに自動的に追加されるスパンがいくつかあります。それらのスパンのいくつかは、水平スクロールの主な理由で.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;
}

解決策:.at_a11y独自の ' ' css クラスを独自の css ファイルで定義し、left属性を通常の値にオーバーライドすることができます。これにより、上記の css 属性が役に立たなくなり、水平スクロールが消えます!

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

私は同じ問題を抱えていて、あなたの質問で修正を見つけました!!!

RTL LTR がポイントであり、ボディに挿入された内部 div の CSS スタイルを作成するための idid は何でしたか。

    <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 に答える