2011-10-03 115 views
5

我知道这个话题已被问及多次,但请相信我花了很多小时寻找帮助和工作的答案和/或我实际上可以理解。问题iframe身高

这是相同的问题: 我已经想出了如何添加一个自定义选项卡,甚至自定义图标(我真的很高兴能够做到这一点!)。 但是,许多其他的帮助请求,它有可怕的滚动条。 我和其他人一样,希望它流过它的有限的800px大小。 我对此有几个不同的修复,有些我尝试失败,有些只是在我头上,我不明白正在写什么,它在哪里以及需要编辑哪些内容。

我真的很感激有人花时间来引导我完成整个过程并解释什么是和如何。

查看页面在这里:http://www.bronts.com/bronts_facebook/index.html

查看页面的Facebook这里内:http://www.facebook.com/pages/brontscom/191839754181703

+0

任何HTML代码,请。太抽象了,不能想到你的布局。 – Raptor

+0

刚刚添加它们 - 谢谢。 – bronts

回答

5

您将需要使用javascript sdk来自动调整pagetab应用程序中的iframe。你将需要有一个这样的应用程序ID。参考https://developers.facebook.com/docs/reference/javascript/

FB.Canvas.setAutoResize();设置画布的高度。

这里是我的应用程序的工作示例。 http://www.facebook.com/apps/application.php?id=135669679827333&sk=app_135669679827333

注意:setAutoResize();将改为setAutoGrow();

另外:您可能需要缩小图像的宽度,直到自动调整大小后才能确定。

----------我使用它并在我的文档的标签<正下方添加。

 <div id="fb-root"></div> 
<script> 
     window.fbAsyncInit = function() { 
     FB.init({ 
    appId : 'Your-App-Id-Here', 
    status : true, // check login status 
    cookie : true, // enable cookies to allow the server to access the session 
    xfbml : true, // parse XFBML 
    //channelUrl : 'http://WWW.MYDOMAIN.COM/channel.html', // channel.html file 
    oauth : true // enable OAuth 2.0 
     }); 
/* sets auto size to app canvas and page tab app. */ 
FB.Canvas.setAutoResize(); 
     }; 
     (function() { 
     var e = document.createElement('script'); e.async = true; 
     e.src = document.location.protocol + 
      '//connect.facebook.net/en_US/all.js'; 
     document.getElementById('fb-root').appendChild(e); 
     }()); 
</script> 
+0

如果您有任何问题或需要更多帮助,请告知我,我将在此处再上线一段时间。 –

+0

谢谢。我假设'你的应用程序Id在这里'成为我的应用程序ID#(没有'')的权利? AND'http://WWW.MYDOMAIN.COM/channel.html'将是'http://www.bronts.com/bronts_facebook/index.html'(并且没有'')? – bronts

+0

并从// channel.html文件更改为// index.html吗? – bronts

0

添加overflow: hidden;body并使用jQuery.ScrollTo里面的iframe导航。

0
<script src="https://connect.facebook.net/en_US/all.js"></script> 
<script type="text/javascript" charset="utf-8"> 
window.fbAsyncInit = function() 
{ 
    FB.init({ appId: '1375268019431848', 
    status: true, 
    cookie: true, 
    xfbml: true, 
    oauth: true}); 

    FB.Canvas.setAutoGrow(); 
    FB.Canvas.setAutoResize(); 
} 
</script> 
+0

谨慎描述你在这里做什么?添加代码并不意味着人们会理解你解决问题的方法是...... –