問題iframe身高

我知道這個話題已被問及多次，但請相信我花了很多小時尋找幫助和工作的答案和/或我實際上可以理解。問題iframe身高

這是相同的問題：我已經想出瞭如何添加一個自定義選項卡，甚至自定義圖標（我真的很高興能夠做到這一點！）。但是，許多其他的幫助請求，它有可怕的滾動條。我和其他人一樣，希望它流過它的有限的800px大小。我對此有幾個不同的修復，有些我嘗試失敗，有些只是在我頭上，我不明白正在寫什麼，它在哪裏以及需要編輯哪些內容。

我真的很感激有人花時間來引導我完成整個過程並解釋什麼是和如何。

查看頁面在這裏：http://www.bronts.com/bronts_facebook/index.html

查看頁面的Facebook這裏內：http://www.facebook.com/pages/brontscom/191839754181703

來源

2011-10-03 bronts

任何HTML代碼，請。太抽象了，不能想到你的佈局。 – Raptor

剛剛添加它們 - 謝謝。 – bronts

您將需要使用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>

來源

2011-10-03 04:10:47

如果您有任何問題或需要更多幫助，請告知我，我將在此處再上線一段時間。 –

謝謝。我假設'你的應用程序Id在這裏'成爲我的應用程序ID＃（沒有''）的權利？ AND'http://WWW.MYDOMAIN.COM/channel.html'將是'http://www.bronts.com/bronts_facebook/index.html'（並且沒有''）？ – bronts

並從// channel.html文件更改爲// index.html嗎？ – bronts

添加overflow: hidden;您body並使用jQuery.ScrollTo裏面的iframe導航。

來源

2011-10-03 03:52:15

<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>

來源

2014-11-19 09:05:32

謹慎描述你在這裏做什麼？添加代碼並不意味着人們會理解你解決問題的方法是...... –

問題iframe身高

回答

相關問題