проблема с высотой iframe

Question

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

Это то же самоепроблема: я выяснил, как добавить пользовательскую вкладку и даже собственный значок для нее (и я действительно счастлив, что смог сделать даже это!).Но, как и во многих других запросах о помощи, он имеет страшные полосы прокрутки.Я, как и другие, хочу, чтобы он проходил мимо ограниченного размера в 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/

the 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

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

Answer 3

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