Я сталкиваюсь с хорошо известными полосами прокрутки на пользовательской вкладке 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>






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