Я создал приложение facebook, которое я использую внутри iFrame вкладки.
Я использую функцию setAutoGrow Javascript SDK, чтобы iFrame расширялся до конца содержимого.
По моим наблюдениям, функция setAutoGrow не работает в IE7, и я не могу понять, почему. Все остальные браузеры (, включая IE8 и 9 ), работают корректно.
В целях тестирования я создал градиент высотой 1500 пикселей.
В качестве примера выложу, как это выглядит в Chrome. Как видите, градиент можно прокручивать до конца (красным цветом):
А теперь то, что происходит в IE7. Высота iFrame по умолчанию составляет 800 пикселей (, как указано в настройках приложения ). Вы можете видеть, что он останавливается на «бирюзовом», а функция setAutoGrow не расширяет его до нужной высоты (1500px ).
Важная часть моего CSS выглядит следующим образом:
body, html {
overflow: hidden;
margin: 0; padding: 0;
}
#wrapper {
margin: 0 auto;
width: 810px;
}
#content {
background: url(../img/bg.jpg) top left no-repeat;
height: 1500px;
}
А это фрагмент javascript, который я разместил непосредственно перед закрывающим тегом body -и после корневого тега fb -:
window.fbAsyncInit = function() {
FB.init({
appId : '...',
channelUrl : '...',
status : true,
cookie : true,
xfbml : true
});
FB.Canvas.setAutoGrow();
};
. Я нашел отчет об ошибке, датированный 1 августа, который был закрыт FB : https://developers.facebook.com/bugs/209607222498543?browse=search_5009002cb69058a73627413
. Я прочитал и применил подсказки из следующей темы: Facebook iframe FB.Canvas.setAutoGrow не увеличивается автоматически после начальной загрузки?
... но, кажется, ничто не решает проблему.
Есть ли у кого-нибудь очевидный намек, что-то, что я наблюдал, или простое решение/обходной путь для этой проблемы?
Когда я использовал IE7 DebugBar, я заметил, что у него возникла проблема с загрузкой URL-адреса под названием «dimension _context.php». Я прикреплю скриншот.