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

Я сталкиваюсь с хорошо известными полосами прокрутки на пользовательской вкладке Facebook (см. Рисунок).

Я перепробовал все ответы на подобные вопросы, даже устаревшие, в Stack Overflow, ничто не решает мою проблему.

Я также попытался удалить ВСЕ CSS со своей страницы, чтобы убедиться, что это не вызвано моим CSS. Проблема сохранялась и с нулевым CSS ...

Последняя версия кода, который я пробовал:

<style type = "text/css">
body, html {
    height: 1000px;
}
</style>
  
<script src=\'https://connect.facebook.net/en_US/all.js#xfbml=1\'></script>
<script type=\'text/javascript\'>
window.fbAsyncInit = function() {
  FB.init({
    appId: \'xxxxxxxxx\', // App ID
  });
  FB.Canvas.setAutoGrow();
}  
</script> 

Я также пробовал FB.Canvas.setSize({ width: 640, height: 480 });. К сожалению, в документах Facebook написано, что This method is only enabled when Canvas Height is set to "Fluid" in the App Dashboard. Нигде не могу найти такую ​​настройку ...

Так же пробовал эту версию (от Скрыть вертикальную полосу прокрутки на вкладке страницы Facebook (новинка)):

<div id = "fb-root"></div>
<script>
    window.fbAsyncInit = function() {
        // init the FB JS SDK
        FB.init({appId:YOUR_APP_ID_HERE,status:true,cookie:true,xfbml:false});
        FB.Canvas.setSize({ width: 810, height: 1050 });
    };
    (function(d, debug){
        var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
        if (d.getElementById(id)) {return;}
        js = d.createElement('script'); js.id = id; js.async = true;
        js.src = "//connect.facebook.net/en_US/all" + (debug ? "/debug" : "") + ".js";
        ref.parentNode.insertBefore(js, ref);
    }(document, /*debug*/ false));
</script>

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

Они сломали это, когда представили новый макет пару месяцев назад, но, видимо, они не считают его достаточно важным, чтобы исправить прямо сейчас - developers.facebook.com/support/bugs/807515483352790

CBroe 09.04.2021 10:08
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
1
15
0

Другие вопросы по теме

При создании сообщения с изображениями и видео с помощью прикрепленного_медиа в FB Graph API выдается ошибка «Разрешения приложений»
Отправка информации при совместном использовании на FB и FB OG через URL с использованием $ _GET не работает
Флажок FB messenger messaging_optins отправить сообщение пользователю user_ref_id не работает "Вы не можете отправлять сообщения на этот идентификатор"
Ошибка разрешения Facebook возникает, даже если она у меня есть
Ссылка для совместного использования в социальных сетях Предварительный просмотр изображения и текста не работает
Клиент Spring Boot oAuth2 с угловой проблемой CORS
Ошибка API Facebook Marketing: неподдерживаемый запрос на получение. Объект с идентификатором XXXXXX не существует, не может быть загружен из-за отсутствия разрешений
Instagram Graph API. Публикация контента. Публикация видео
Программно создать пользователя FB
Интервью по техническим вопросам | Как facebook решает проблему, если много людей звонят одному человеку в одно и то же время