Вертикальная полоса прокрутки Facebook iFrame не исчезнет - PullRequest
Новая
       1

Вертикальная полоса прокрутки Facebook iFrame не исчезнет

4 голосов
/ 02 июня 2011

Я создал пользовательскую целевую страницу Facebook, используя тот же шаблон, который использовал 3 раза раньше. Проблема в том, что на этот раз вертикальная полоса прокрутки не исчезнет. Это код изменения размера, который я использовал: 

<script type="text/javascript">// <![CDATA[
    window.fbAsyncInit = function() { FB.Canvas.setSize({ width: 520, height: 1200});}
    function sizeChangeCallback() { FB.Canvas.setSize({ width: 520, height: 1200});}
// ]]></script>

и внизу страницы: 

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

Мой CSS использует body {overflow: hidden;}, внутри моего приложения выбрано "auto resize". Проблема не в том, что размер ifarme не изменится (это происходит), а в том, что у меня есть пустая вертикальная полоса прокрутки справа, которая не исчезнет.

Поскольку дизайн iframe использует всю ширину 520 пикселей, пустая вертикальная полоса прокрутки дает мне страшную горизонтальную полосу прокрутки. Судя по ширине горизонтальной полосы прокрутки, это вызывает вертикальная полоса прокрутки, а не что-либо (что я могу найти или увидеть) в HTML / CSS, что делает страницу шире, чем 520 пикселей. Проблема возникает в IE8, IE7 и Firefox.

Вы можете увидеть страницу здесь .

Я пробовал несколько вариантов кода javascript из нескольких разных источников, но не повезло. Не уверен, что это что-то маленькое, что я пропускаю или это еще одна ошибка на Facebook. Эта проблема отсутствует на других моих целевых страницах в фрейме Facebook. После поиска ответа и ничего не придумав, я ударился об стену с этим.

1 Ответ

5 голосов
/ 02 июня 2011

Это этот код 

html {
overflow-Y: scroll;
}

в вашей таблице стилей style.css, которая вызывает проблему. Когда я проверяю его с помощью Chrome и удаляю это значение, полосы прокрутки исчезают.

...