2013-08-26 81 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'}); 
}