Question

我有一个使用以下代码的rtl的HTML页面，Google加一个按钮在页面中看起来不太好。在加载plusone.js文件之前，由于html标记中的dir =“rtl”，因此存在非常大的水平滚动。加载plusone.js后，滚动将消失。我怎样才能避免这个水平滚动的出现和消失。（我不想从标签中删除dir =“rtl”）

<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
<head>
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</head>
<body>
<div id="content">
   <div class="g-plusone" data-size="small" data-annotation="none"></div>
</div>
</body>
</html>

Answer 1

我刚为我的网站修复了这个

我的问题是我网站上的每个文章页面都有一个水平滚动条。经过长时间的调查，我发现谷歌加一个按钮有一个错误 仅当页面使用Direction = rtl样式时，此错误才可见。

如何修复 只要错误是相关的（希望谷歌很快就会解决）只需将其添加到你的css文件

iframe[id^="oauth2relay"]
{
    right:100px;
}

这将为任何名为“oauth2relay”（谷歌加一个脚本）的iframe恢复页面的正确位置

我在每个文章页面中都在我的网站中使用它 - 你可以查看它 - 只需使用firebug在任何文章中搜索“oauth2relay”

我的网站是www.mentallica.co.il 文章例如：example

Answer 2

该脚本不允许您更改元素但有一个简单的解决方案相反，将dir = "rtl"设置为html或body来为主div设置此设置

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
    (function () {
        var po = document.createElement('script'); po.type = 'text/javascript';    po.async = true;
            po.src = 'https://apis.google.com/js/plusone.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    })();
</script>
</head>
<body>
<div id="content" style="direction: rtl;">
   <div class="g-plusone" data-size="small" data-annotation="none"></div>
</div>
</body>
</html>

Answer 3

将此css添加到您的css文件中，此代码对我有用

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

Answer 4

此错误现已在Google+ Javascript中修复。您不再需要进行任何更改以使事情正常工作。

页面和谷歌加一个按钮的问题

4 个答案: