Question

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

谢谢！

Answer 1

管理滚动条的FB指南是使用JS SDK中的FB.Canvas.setAutoGrow function。请理解你放在一起的主题应该最好在800px左右（我们的实现已经上升到802px并且它工作正常），但是高度可以增长，并且随着FB.Canvas.setAutoGrow的集成，你应该看到只有一个滚动条 - 在Facebook自己的页面上应该覆盖你的整个内容。

Answer 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

Answer 3

overflow:hidden;

将此添加到div的CSS。

Answer 4

首先，在CSS添加的溢出中设置页面的高度和宽度（810px）：隐藏然后在第一行代码中再次设置它们并用这个替换开始的body标签：（记得用你的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>

如何在新的810px宽iframe页面上删除/阻止滚动条

4 个答案: