Facebook всегда показывает полосы прокрутки вокруг приложений Flash - PullRequest
0 голосов
/ 04 января 2012

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

http://www.facebook.com/trubeats?sk=app_79482449955

Я пробовал это в Mac и Windows - Safari, IE, Firefox и Chrome, но нет, все они показывают полосы прокрутки. Вы можете увидеть изображение ниже, если полосы прокрутки не отображаются для вас в вашем браузере. Я просто не понимаю, у некоторых людей в сети была та же самая проблема, но их решения не работают для меня. У кого-нибудь есть идеи?

enter image description here

UPDATE

Холст

enter image description here

Ответы [ 4 ]

1 голос
/ 04 января 2012

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

html,body {
  width:520px;
  overflow:hidden;
  margin: 0;
  padding: 0;
  border:0;
}

и используйте FB.Canvas.setAutoGrow ();

1 голос
/ 04 января 2012

Большую часть времени я могу убить полосы прокрутки, добавив это к тегу body:

<body onload="FB.Canvas.setSize();">

И я обычно делаю еще один шаг вперед и делаю это, чтобы при переходе по ссылкам внутриВ iFrame прокрутка сбрасывается на верх:

<body onload="FB.Canvas.setSize(); FB.Canvas.scrollTo(0,0);">

Просто быстро 2 ¢, без гарантий.Удачи.

0 голосов
/ 15 января 2012

Кевин, ты гений!Это отлично сработало для меня.Может быть, лучше установить высоту «1», а затем использовать FB.Canvas.setAutoGrow (), чтобы автоматически увеличить высоту, чтобы соответствовать содержимому.

0 голосов
/ 04 января 2012

Вкладка страницы Ширина холста составляет 520 пикселей, а ваша вспышка обернута в div с шириной 525 пикселей. В результате отображается горизонтальная прокрутка.

То же div также имеет высоту 398 пикселей, но встроенная вспышка отображается в iframe с высотой 402 пикселя для контента. Что приводит к вертикальной прокрутке.

...