2013-08-26 47 views
5

Tôi đã có nút google +1 trên trang web của mình trong hơn một năm và tất cả đều hoạt động tốt.Nút google +1 thêm thanh cuộn vào trang web của tôi

Trong vài ngày qua, nút này bắt đầu tạo thanh cuộn ngang trên trang web của tôi.

Tôi biết rằng beacase khi tôi xóa nút thanh cuộn biến mất.

Đây là trang web của tôi: www.kitchen-guide.co.il

Mọi đề xuất nên làm gì?

Cảm ơn!

+0

trang web hebrew! ive mát mẻ không bao giờ thấy rằng trước khi – user2166538

+0

thông tin rất tốt như thế nào tôi có thể thêm nút cuộn vào blog của tôi này là blog của tôi www.urexamsyllabus.blogspot.com –

+0

làm cho cơ thể 'overflow-x: hidden; ' –

Trả lời

4

1 nút của Google sẽ bổ sung các iframe sau vào cuối của cơ thể page:

<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>

Một workaround (để lỗi của Google này) có thể bao gồm các nguyên tắc sau trong CSS của bạn:

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

Nếu trang web của bạn là tất cả RTL sau đó nó sẽ làm việc tốt, nhưng nếu nó cũng LTR (đa ngôn ngữ), bạn sẽ phải bằng cách nào đó nhắm mục tiêu mà vai trò trên chỉ trang RTL. Kiểm tra resizenow.com.

+0

Tôi đã thêm mã nhưng vấn đề vẫn tồn tại –

12

mượn từ câu trả lời của superware, đã có cùng một vấn đề ... Tuy nhiên, điều này đã làm việc cho tôi:

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

Điều này đã làm cho các trick cho tôi là tốt. –

+0

Tôi đã thêm mã nhưng sự cố vẫn còn –

+0

điều này phù hợp với tôi. cảm ơn – Mahesh

0

Iframe không còn được sử dụng để làm cho bong bóng thông tin. do đó, giải pháp được đề xuất trước đó sẽ không hoạt động nữa.

Để khắc phục sự cố xác định thuộc tính gọi lại data-onendinteraction.

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

Sau đó, thực hiện các chức năng tương tác gọi lại:

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