Почему баннеры смарт-приложений частично/полностью скрыты в Safari, если у меня есть окно просмотра?

Я хочу добавить баннеры смарт-приложений для ссылки на приложение в Apple App Store. Кажется, что он работает нормально, когда у меня нет метаданных в viewport. Если у меня есть полностью мобильный интерфейс просмотра, баннер смарт-приложений скрыт полностью "за адресной строкой" после загрузки страницы, и если у меня есть окно просмотра с указанной шириной 840, баннер смарт-приложений частично скрывается адресной строкой.

Почему это, и могу ли я сделать так, чтобы баннер смарт-приложений всегда полностью отображался?

Работа, без просмотра

Значок смарт-приложения отображается правильно. Вы можете прокрутить, чтобы скрыть его.

<meta name="apple-itunes-app" content="app-id=284882215">

Страница тестирования

Полностью скрытый, отзывчивый

График смарт-приложений скрыт за адресной строкой (вы можете увидеть размытый синий логотип Facebook). Вы можете прокрутить, чтобы скрыть/показать его.

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-itunes-app" content="app-id=284882215">```

Страница тестирования

Частично скрытый, ширина видового экрана = 840

Баннер смарт-приложений частично скрыт за адресной строкой. Вы можете прокрутить, чтобы скрыть/показать его полностью.

<meta name="viewport" content="width=840, user-scalable=yes" />
<meta name="apple-itunes-app" content="app-id=284882215">

Страница тестирования

Это действительно можно протестировать в Safari на реальном iPhone, и это проще всего сделать в частном режиме, так как появление баннера смарт-приложения меняется, если вы пролистаете/перезагружаете страницу.

Ответ 1

Первоначально принудительное окно для прокрутки вернуло проблему для меня.

<script type="text/javascript">
    $(window).load(function() {
        $(window).scrollTop(-100);
    });
</script>

Ответ 2

Использование <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1"> и он будет показывать смарт-баннер.

Ответ 3

Эта проблема также влияет на универсальные ссылки для ссылок.

Ванильное javascript-решение, которое работало для нас, было:

window.onload = function() {
  window.scrollTo(0, -100);
};