Как избавиться от полос прокрутки вокруг iframe

Question

Привет, я использую iframe для своих приложений на Facebook. Iframe получает полосу прокрутки вокруг себя. Можете ли вы сказать мне, как избежать прокрутки вокруг фрейма? В настоящее время у меня есть 2 приложения facebook в виде фреймов, и одно из них получает полосы прокрутки, которых у него быть не должно:

http://apps.facebook.com/cyberfaze/ (есть полосы прокрутки или области прокрутки вокруг iframe, которые мне не нужны) http://apps.facebook.com/koolbusiness/ (тот же CSS и без полос прокрутки)

Не могли бы вы мне помочь? Спасибо

Answer 1

В разделе «Настройка приложения для разработчиков Facebook» есть настройка для установки прокрутки на Auto-resize. и вы можете добавить в свой файл CSS: html { overflow:hidden; }

Answer 2

Вам нужно будет зайти в настройки своего приложения -> настройки холста -> размер iFrame (как упомянуто Micheal) и установить для него автоматическое изменение размера.

Вам также необходимо убедиться, что у вас есть body, html { overflow: hidden; } для вас iframe content

Тогда поможет следующее, добавьте это и измените идентификатор вашего приложения -

<script type="text/javascript"> 
    window.fbAsyncInit = function() {
        FB.init({
            appId: 'xxxxxxx',
            status: true,
            cookie: true,
            xfbml: true
        });
        //this resizes the the i-frame
        //on an interval of 100ms
        FB.Canvas.setAutoResize(100);
    };

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

Зайдите в настройки вашего приложения на Facebook

вы найдете настройки холста

В настройках холста вы найдете Размер IFrame:

Вы найдете два варианта

1. Показать полосы прокрутки
2. Авторазмер

Выберите Авторазмер, чтобы избавиться от прокруткибары.

Answer 4

Обычно с iframes вы можете использовать настройку метода CSS overflow: hidden или атрибут прокрутки в iframe и установить его на scrolling="no".

Хотя, посмотрев на ваши примеры, яне уверен, что это является причиной вашей проблемы.У фреймов Facebook есть свои проблемы.

Сначала перейдите в приложение devloper и измените настройки приложения.В области интеграции с Facebook установите размер фрейма на с автоматическим изменением размера .Затем в вашем приложении после FB.init вызовите FB.Canvas.setAutoResize.Вот ссылка о FB.Canvas.setAutoResize .

Answer 5

Может быть, вы забыли установить для атрибута прокрутки iframe значение "no"?

Попробуйте изменить тег iframe следующим образом:

<iframe class="smart_sizing_iframe noresize" frameborder="0" scrolling="no" id="iframe_canvas" name="iframe_canvas" src='javascript:""' height="600px" style="height: 719px; overflow-y: hidden; ">

Надеюсь, это то, что вы искали!