如何删除/防止新的 810 像素宽 iframe 页面上的滚动条答案

【问题标题】：How do I remove/prevent scroll bars on new 810px wide iframe page如何删除/防止新的 810 像素宽 iframe 页面上的滚动条
【发布时间】：2012-03-16 02:49:12
【问题描述】：

我创建了一个 810 像素宽的 wordpress 主题以适应新的页面宽度。但我得到滚动条。如何防止或移除滚动条？

谢谢！

【问题讨论】：

标签： facebook iframe facebook-iframe

【解决方案1】：

管理滚动条的 FB 指南是使用 JS SDK 中的FB.Canvas.setAutoGrow function。请理解，您放在一起的主题最好在 800 像素左右（我们的实现已经上升到 802 像素并且效果很好），但是高度可以增加很多，并且通过 FB.Canvas.setAutoGrow 的集成，您应该看到只有一个滚动条——在 Facebook 自己的页面上，它应该涵盖您的全部内容。

【讨论】：

我还在学习 :) 而且我不明白这些方向 :) 我确实将我的主题更改为 800 像素，甚至添加了我在网上找到的代码：

【解决方案2】：

您需要调用FB.Canvas.setSize(); 来移除垂直滚动条。您需要在 document.ready 上执行他的操作，以及在您的页面调整大小的任何其他时间。我建议不要使用FB.Canvas.setAutoGrow();，因为只在需要时调用 setSize() 会更有效。

您需要在 setSize() 之前调用 FB.init()。如果您要使用 https://developers.facebook.com/docs/reference/javascript/ 顶部的示例代码，那么您可以调用 setSize() ，其中显示

// Additional initialization code here

【讨论】：

【解决方案3】：

overflow:hidden;

将此添加到 div 的 CSS。

【讨论】：

【解决方案4】：

首先，在 CSS added overflow: hidden 中设置页面的高度和宽度（810px），然后在此处的第一行代码中再次设置它们，并将开始的正文标记替换为：（记得用你的 App Id 替换 YOURAPPID）

<body onload="FB.Canvas.setSize({width: 810, height: 910})">
<div id="fb-root"></div>
<script>
(function () {
    var e = document.createElement('script');
    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js#xfbml=1&appId=YOURAPPID;
    e.async = true;
    document.getElementById('fb-root').appendChild(e);
} ());
</script>

【讨论】：