Как удалить / предотвратить полосы прокрутки на новой странице iframe шириной 810 пикселей - PullRequest
Новая
       19

Как удалить / предотвратить полосы прокрутки на новой странице iframe шириной 810 пикселей

0 голосов
/ 16 марта 2012

Я создал тему WordPress шириной 810 пикселей, чтобы соответствовать новой ширине страницы.Но я получаю полосы прокрутки.Как предотвратить или удалить полосы прокрутки?

Спасибо!

Ответы [ 4 ]

3 голосов
/ 16 марта 2012

Руководство FB по управлению полосами прокрутки должно использовать функцию FB.Canvas.setAutoGrow из JS SDK. Пожалуйста, поймите, что тема, которую вы создаете, предпочтительно должна быть в пределах 800px (наши реализации выросли до 802px, и она работала нормально), но высота может возрасти так же, и с интеграцией FB.Canvas.setAutoGrow вы должны увидеть только одна полоса прокрутки - на собственной странице Facebook, которая должна охватывать весь ваш контент.

1 голос
/ 10 сентября 2012

Вам необходимо вызвать FB.Canvas.setSize (); , чтобы удалить вертикальные полосы прокрутки.Вам нужно будет сделать это на document.ready, и в любое другое время размер вашей страницы изменится.Я не советую FB.Canvas.setAutoGrow();, так как гораздо эффективнее вызывать setSize () только тогда, когда это необходимо.

Вам нужно вызвать FB.init () до setSize ().Если вы должны использовать пример кода сверху https://developers.facebook.com/docs/reference/javascript/, тогда вы можете вызвать setSize (), где он говорит: 

// Additional initialization code here
0 голосов
/ 17 марта 2012

Сначала установите высоту и ширину (810px) вашей страницы в дополнительном переполнении CSS: hidden, затем установите их снова в первой строке кода здесь и замените открывающий тег body следующим:ваш идентификатор приложения тоже) 

<body onload="FB.Canvas.setSize({width: 810, height: 910})">
<div id="fb-root"></div>
<script>
(function () {
    var e = document.createElement('script');
    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js#xfbml=1&appId=YOURAPPID;
    e.async = true;
    document.getElementById('fb-root').appendChild(e);
} ());
</script>
0 голосов
/ 16 марта 2012 
overflow:hidden;

Добавьте это в CSS для div.

...