выпуск с ростом iframe

Question

Я знаю, что эта тема была задана и несколько раз ответила, но, пожалуйста, верьте, что я потратил много часов на поиск справки и ответов, которые работают и/или я действительно могу понять.

Это же проблема с ol ': Я выяснил, как добавить пользовательскую вкладку и даже пользовательский значок для нее (и я очень рад, что смог это сделать!). Но, как и многие другие просьбы о помощи, у него есть страшные полосы прокрутки. Я, как и другие, хочу, чтобы он обтекал его ограниченный размер 800 пикселей. У меня есть несколько разных исправлений для этого, некоторые из них я пробовал безуспешно, а некоторые просто перешли прямо над моей головой, и я не понимаю, что вообще написано, где оно идет, и что нужно редактировать в нем.

Я бы очень признателен, если кто-то потратит время, чтобы провести меня через процесс и объяснить, что и как, пожалуйста.

Просмотр страницы здесь: http://www.bronts.com/bronts_facebook/index.html

Посмотреть страницу в Facebook здесь: http://www.facebook.com/pages/brontscom/191839754181703

Answer 1

Вам нужно будет использовать javascript sdk, чтобы авторизовать iframe в приложении pagetab. Для этого вам понадобится идентификатор приложения. См. 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> 

Answer 2

Добавить overflow: hidden; в свой body и использовать jQuery.ScrollTo для навигации внутри фрейма.

Answer 3

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