当前位置：文江博客话题详情

Facebook 标签高度滚动条

发布于 2024-10-22 00:00:43 字数 115 浏览 1 评论 0原文

我制作了一个简单的 html 页面并将其设置在 facebook 粉丝页面选项卡上，但在粉丝页面上显示的选项卡显示了一个滚动条，但已经设置为自动调整大小，并且此 html 页面的高度很大我想隐藏滚动条并且显示完整页面

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

浸婚纱 2024-10-29 00:00:43

我找到的对我有用的最佳解决方案是：

您需要设置 Facebook 应用程序画布设置，将画布高度设置为流体。

然后，在页眉中添加一些 javascript：

<script type="text/javascript" src="https://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" charset="utf-8">
    FB.Canvas.setAutoResize();
</script>

最后，强制我们的 body 和 html 标记避免 css 中的滚动条。

body, html {
    overflow:hidden;
}

这对我删除所有滚动条很有用。它于 2011 年 10 月 18 日开始运行，但由于 Facebook 不断更改其代码，因此将来可能会发生变化。

关于 Facebook iframe 的完整文章可以在我的博客上找到：http: //gpiot.com/facebook-page-tab-hide-scroll-bars-from-iframe/

The best solution I found, which works for me is:

You need to setup the Facebook app canvas settings, Canvas height to Fluid.

Then, add some javascript in the page header:

<script type="text/javascript" src="https://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" charset="utf-8">
    FB.Canvas.setAutoResize();
</script>

Finally, force our body and html tag to avoid scroll bars in css.

body, html {
    overflow:hidden;
}

This has worked for me to remove all the scroll bars. It's working on the 18th of October 2011, but because Facebook keep changing their code, it may change in the future.

A full article about Facebook iframe is available on my blog: http://gpiot.com/facebook-page-tab-hide-scroll-bars-from-iframe/

回复收藏 0 原文

无畏 2024-10-29 00:00:43

谢谢大家。

这是我的问题的答案；我将其发布在这里，以便将来如果有人发现这个问题也能得到答案，并且他/她的时间不会被浪费。我通过在索引页的标记之前添加以下代码得到了解决方案

<script type="text/javascript">
window.fbAsyncInit = function() {
FB.Canvas.setSize();
}
// Do things that will sometimes call sizeChangeCallback()
function sizeChangeCallback() {
FB.Canvas.setSize();
}
</script>

再次感谢大家。

Thanks to all of you.

Here is the answer of my question; I posted it here so that if any body find this question in future will also get the answer and his/her time is not wasted. I get the solution by adding the following code just before the </body> tag of my index page

<script type="text/javascript">
window.fbAsyncInit = function() {
FB.Canvas.setSize();
}
// Do things that will sometimes call sizeChangeCallback()
function sizeChangeCallback() {
FB.Canvas.setSize();
}
</script>

Once again, thanks to all.

回复收藏 0 原文