Ошибка ширины страницы из-за скрипта Addthis

Страницы с кодом AddThis очень широкие из-за кода AddThis. В результате появится горизонтальная полоса прокрутки.

Удаление кода или изменение направления страницы на LTR все исправляет, и ширина страницы возвращается к нормальной.

Как уже упоминалось, проблема возникает из-за того, что я использую направление RTL (html dir="rtl"), и когда я попытался поместить код Addthis в div с направлением LTR, это не помогло.

Как я могу избавиться от горизонтальной полосы прокрутки и при этом использовать направление RTL?


html css addthis
person HTMHell    schedule 10.06.2012    source источник

Ответы (3)


arrow_upward
2
arrow_downward

У меня была такая же проблема, и я нашел решение в вашем вопросе !!!

RTL LTR - это точка, и что idid должен был сделать стиль CSS для внутреннего div, вставленного в тело.

    <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

person josef dalal    schedule 27.06.2012

arrow_upward
3
arrow_downward

В AddThis html есть несколько спанов, которые автоматически добавляются на страницу. некоторые из этих промежутков используют css-класс ".at_a11y", в котором есть атрибут 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;
}
person Kamran Karami    schedule 31.10.2012

arrow_upward
0
arrow_downward

поставить html{ overflow-x:hidden; } решит эту проблему

person Prathap Parameswar    schedule 28.07.2013