html - google +1 按钮将滚动条添加到我的网站

Question

一年多来，我的网站上有一个 google +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'});
}