我有我的Facebook标签我创建了包含3个div块,但高度太大,我有一个滚动条。 这就是为什么我把“overflow:hidden”CSS与body html放在一起。 它没有用。 所以我在网上找到了一件好事:
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId : 'MY_APP_ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
</script>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.Canvas.setSize( { height: 1000 } );
}
</script>
这只适用于Firefox和Safari,但在Chrome和&amp; IE我没有滚动条,但如果我想要在我的选项卡底部,我必须左键单击以滚动并查看按钮。 我如何在Chrome&amp; IE? 你觉得我的CSS不好吗?
答案 0 :(得分:2)
检查一下:https://developers.facebook.com/docs/reference/javascript/FB.Canvas.setAutoGrow/并查看左栏底部的其他Canvas Methods链接。
自从我使用我自己的应用程序重新调整代码更新已经有几个月了,这些东西一直在变化,但以下内容适用于我的页面结束标记之前。我不记得了,但你可能还需要在你的开场身份标签中使用style =“overflow:hidden”。
希望这会有所帮助:)
<script type="text/javascript" language="javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" language="javascript">
FB.init({
appId: '<YOUR_APP_ID>',
status: true, // check login status
cookie: true, // enable cookies to allow the server to access the session
xfbml: true// parse XFBML
});
window.fbAsyncInit = function () {
FB.Canvas.setSize();
}
FB.Canvas.setAutoGrow(7);
</script>
我也找到了这个:http://petetasker.wordpress.com/2012/10/31/facebook-set-auto-grow-a-version-that-actually-works/
答案 1 :(得分:0)
<script type="text/javascript" src="https://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID'
});
FB.Canvas.setAutoGrow();
}
</script>
答案 2 :(得分:0)
调用FB JS时,请确保它不是绝对的。根据查看者SSL设置,它可能会引发错误,并且自动调整大小将不起作用。 错了:
<script type="text/javascript" src="https://connect.facebook.net/en_US/all.js"></script>
右:
<script type="text/javascript" src="//connect.facebook.net/en_US/all.js"></script>
答案 3 :(得分:0)
使用setAutoGrow()的答案都不适用于我,因此我必须使用JavaScript计算内容高度,然后相应地使用setSize()。
post_content