谷歌+1按钮添加滚动条到我的网站

Question

我的网站上有一个谷歌+1按钮超过一年，一切正常。

在过去几天，此按钮开始在我的网站上创建一个水平滚动条。

我知道当我删除按钮时，滚动条消失了。

以下是我的网站：www.kitchen-guide.co.il

有什么建议我该怎么办？

谢谢！

Answer 1

从超级软件的答案中借鉴，遇到了同样的问题......但是，这对我有用：

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

Answer 2

Google的+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>

一个解决方法（针对此Google错误）可以在CSS中包含以下规则：

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

如果您的网站都是RTL，那么它应该可以正常工作，但如果它也是LTR（多语言），您将不得不以某种方式仅在RTL页面上定位该角色。检查resizenow.com。

Answer 3

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'});
}