Действительно изнемогание с удалением вертикальной полосы прокрутки из пользовательской вкладки страницы вентилятора

Question

Так что я искал в интернете решения, чтобы убрать полосу прокрутки со своей пользовательской вкладки на странице моей компании в Facebook.Конечно, я не программист и разобрался, как построить эту штуку вчера, но очень хотел бы исправить это.Похоже, что существует множество решений для старого формата, разработчик приложений FB, но ничего с новой версией. \

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

Answer 1

jsteid

Вот пример того, как я изменяю размеры своих вкладок, используя OAuth 2.0 и новый javascript sdk.http://www.facebook.com/anotherfeed?sk=app_135669679827333

Если вы используете% для установки, они должны быть ниже 100% при 98% - 96% из-за поля в кадре.

<div id="fb-root"></div>
<script>
      window.fbAsyncInit = function() {
        FB.init({
    appId  : '135669679827333',
    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
        });
        //FB.Canvas.setAutoResize(); depreceated
            FB.Canvas.setAutoGrow(1000);
      };
      (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

чтобы исправить проблему с высотой, загрузите js sdk и установите размер холста

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
  FB.init({
    appId  : '123456789',
    status : false, // check login status
    cookie : false, // enable cookies to allow the server to access the session
    xfbml  : false  // parse XFBML
  });

  FB.Canvas.setSize({ width: 500, height: 1000 });
</script>

протестируйте и посмотрите, какие значения соответствуют вашим потребностям

Answer 3

Вам нужно сделать это:

1. Перейти к вашему приложению (https://developers.facebook.com/apps/)

2. Нажмите «Изменить настройки» в соответствующем приложении.

3. Перейдите: Настройки -> Дополнительно -> Настройки холста -> Высота холста -> выберите «Авторазмер».

Если у вас все еще возникают проблемы, другие предложения здесь должны помочь, выполнив что-то вроде ...

<div id="fb-root"></div>
<script type="text/javascript"> 
  window.fbAsyncInit = function() {
    FB.init({appId: '12345', status: true, cookie: true, xfbml: true});
  window.setTimeout(function() {
    FB.Canvas.setAutoResize();
  }, 1000);
  };
  (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>

Здесь я установил высоту вашей страницы на 1000 -> изменил ее на высоту вашей страницы и установил идентификатор вашего приложения на 12345 -> изменил на ваш идентификатор приложения.

Я надеюсь, что это работает для вас.

Answer 4

Я думаю, что есть ошибка с методами размера FB.Canvas на вкладках iframe. Высота установлена ​​правильно, но свитки все еще там. Единственный обходной путь в моем случае - это сочетание FB.Canvas.SetAutoResize () + стилизация 'body' с переполнением: hidden.