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

#facebook #iframe #height

#Facebook #iframe #высота

Вопрос:

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

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

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

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

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

Ответ №1:

Вам нужно будет использовать javascript sdk для автоматического изменения размера iframe в приложении pagetab. Для этого вам потребуется идентификатор приложения. Обратитесь к https://developers.facebook.com/docs/reference/javascript /

FB.Canvas.setAutoResize(); устанавливает высоту холста.

вот рабочий пример моего приложения. http://www.facebook.com/apps/application.php?id=135669679827333amp;sk=app_135669679827333

ПРИМЕЧАНИЕ: setAutoResize(); будет изменен на setAutoGrow();

ТАКЖЕ: вам может потребоваться уменьшить ширину вашего изображения, не уверен, пока не будет установлен автоматический размер.

———- я использую это и добавляю чуть ниже тегов < body > своих документов.

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

1. дайте мне знать, если у вас возникнут еще какие-либо вопросы или вам понадобится дополнительная помощь, я буду здесь онлайн еще некоторое время.

2. Спасибо. Я полагаю, что ‘Your-App-Id-Here’ становится моим идентификатором приложения # (и без ‘ ‘), верно? И ‘ WWW.MYDOMAIN.COM/channel.html » будет » bronts.com/bronts_facebook/index.html ‘ (и без ‘ ‘)?

3. И меняется ли это с // channel.html файл в // index.html ?

4. я отказался от channel.html параметр, но вы можете настроить его ПОДРОБНЕЕ ЗДЕСЬ: developers.facebook.com/docs/reference/javascript/FB.init

5. Спасибо! Ваша помощь была очень признательна.

Ответ №2:

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

Ответ №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>