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

【问题标题】：google +1 button adds scroll bar to my sitegoogle +1 按钮将滚动条添加到我的网站
【发布时间】：2013-08-26 05:34:27
【问题描述】：

我的网站上有一个 google +1 按钮已经一年多了，一切都很好。

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

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

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

有什么建议吗？

谢谢！

【问题讨论】：

希伯来语网站！很酷，我以前从未见过
非常好的信息，我如何在我的博客中添加滚动按钮这是我的博客 www.urexamsyllabus.blogspot.com
制作正文overflow-x:hidden;

标签： html layout google-plus-one

【解决方案1】：

借用 superware 的答案，遇到了同样的问题......但是，这对我有用：

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

【讨论】：

对我来说改变位置：固定显示：无，谢谢！ ;)

【解决方案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。

【讨论】：

【解决方案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'});
}

【讨论】：