2013-08-26 20 views
5

Miałem przycisk Google +1 na mojej stronie przez ponad rok i wszystko działało dobrze.Przycisk Google +1 dodaje pasek przewijania do mojej strony

W ciągu ostatnich kilku dni przycisk ten zaczął tworzyć poziomy pasek przewijania na mojej stronie.

Wiem, że beacase po usunięciu przycisku pasek przewijania znika.

Oto moja strona: www.kitchen-guide.co.il

Wszelkie sugestie co powinienem zrobić?

Dzięki!

+0

hebrew stronę! fajne ive nigdy nie widziałem tego przed – user2166538

+0

Bardzo dobra informacja jak mogę dodać przycisk przewijania do mojego bloga to jest mój blog www.urexamsyllabus.blogspot.com –

+0

make body 'overflow-x: hidden;' –

Odpowiedz

4

przycisk Google +1 jest dodanie następującego iframe do końca korpusu strony:

<iframe name="oauth2relayXXXXXXXXX" id="oauth2relayXXXXXXXXX" src="https://accounts.google.com/o/oauth2/postmessageRelay?parent=http%3A%2F%2Fwww.example.com#rpctoken=XXXXXXXXX&amp;forcesecure=1" style="width: 1px; height: 1px; position: absolute; left: -100px;"></iframe>

Jeden obejście (do tego błędu Google) mogą zawierać następującą regułę w Twojej CSS:

iframe[id^="oauth2relay"] { left: auto !important; right: -100px !important; }

Jeżeli witryna jest wszystko RTL to powinno działać dobrze, ale jeśli jest to również LTR (wielojęzyczna) trzeba będzie jakoś kierować tę rolę tylko na stronach RTL. Sprawdź resizenow.com.

+0

Dodałem kod, ale problem nadal występuje –

12

pożyczania od odpowiedzi superware, był ten sam problem ... jednak ten pracował dla mnie:

iframe[id^="oauth2relay"] { position: fixed !important; } 
+0

To też mnie poruszyło. –

+0

Dodałem kod, ale problem nadal występuje –

+0

to działa dla mnie. dzięki – Mahesh

0

iframe nie jest już używany do renderowania bańkę informacyjną. do tego, proponowane wcześniej rozwiązanie nie będzie działać. Aby poprawić problem, zdefiniuj atrybut wywołania zwrotnego data-onendinteraction.

<div class="g-plusone" data-onendinteraction="gplusoneinteraction"></div> 

Następnie realizacji funkcji interakcji callback:

window.gplusoneinteraction = function(params) { 
    $('iframe[id^="oauth2relay"]').next('div').css({left: 0, right: '-10000px'}); 
}