Полоса прокрутки на вкладке Facebook - PullRequest
Новая
       21

Полоса прокрутки на вкладке Facebook

3 голосов
/ 15 марта 2011

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

Ответы [ 4 ]

10 голосов
/ 18 октября 2011

Лучшее решение, которое я нашел, которое работает для меня, это:

Вам нужно настроить параметры холста приложения Facebook, Высота холста на Fluid.

, Затем добавьте немного JavaScript вверхний колонтитул: 

<script type="text/javascript" src="https://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" charset="utf-8">
    FB.Canvas.setAutoResize();
</script>

Наконец, заставьте наше тело и html-тег избегать полос прокрутки в css. 

body, html {
    overflow:hidden;
}

Это помогло мне удалить все полосы прокрутки.Он работает 18 октября 2011 года, но поскольку Facebook продолжает изменять свой код, он может измениться в будущем.

Полная статья о iframe Facebook доступна в моем блоге: http://gpiot.com/facebook-page-tab-hide-scroll-bars-from-iframe/

2 голосов
/ 15 марта 2011

Спасибо всем вам.

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

<script type="text/javascript">
window.fbAsyncInit = function() {
FB.Canvas.setSize();
}
// Do things that will sometimes call sizeChangeCallback()
function sizeChangeCallback() {
FB.Canvas.setSize();
}
</script>

Еще раз, спасибо всем.

1 голос
/ 21 июня 2012

Перейти к настройке приложения -> Расширенные настройки -> холст страницы, где вы можете изменить ширину и высоту, чтобы фиксировать от жидкости

1 голос
/ 27 марта 2011

Это решение работает для меня http://aarosant.com/2011/03/14/adjust-the-size-of-facebook-iframe-tabs/

...