2013-08-26 109 views
5

我有一個谷歌+1按鈕,在我的網站上多了一年,它一切正常。谷歌+1按鈕將滾動條添加到我的網站

在過去的幾天裏,這個按鈕開始在我的網站上創建一個水平滾動條。

我知道,當我刪除滾動條消失的按鈕beacase。

這裏是我的地盤:www.kitchen-guide.co.il

任何建議,我應該怎麼辦?

謝謝!

+0

希伯來語網站!酷ive從未見過之前 – user2166538

+0

非常好的信息我怎麼可以添加滾動按鈕到我的博客這是我的博客www.urexamsyllabus.blogspot.com – 2014-02-03 15:58:45

+0

使身體'overflow-x:隱藏;' –

回答

4

谷歌的+1按鈕添加以下的iframe頁面主體的末尾:

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

一種解決方法(這個谷歌的bug)可以包括在你的CSS以下規則:

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

如果你的網站是所有RTL那麼它應該工作正常,但如果它也是LTR(多語言),你必須以某種方式對目標只RTL頁這個角色。檢查resizenow.com

+0

我添加了代碼,但問題仍然存在 –

12

從superware的答案借貸,也有同樣的問題。但是,這個工作對我來說:

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

這也爲我做了詭計。 –

+0

我添加了代碼,但問題仍然存在 –

+0

這對我有用。謝謝 – Mahesh

0

iframe的不再用於呈現信息泡沫。爲此,之前建議的解決方案將不再起作用。

要解決問題,請定義data-onendinteraction回調屬性。

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

然後,實現互動回調函數:

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