Ответ 1
Первоначально принудительное окно для прокрутки вернуло проблему для меня.
<script type="text/javascript">
$(window).load(function() {
$(window).scrollTop(-100);
});
</script>
Я хочу добавить баннеры смарт-приложений для ссылки на приложение в 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">```
Баннер смарт-приложений частично скрыт за адресной строкой. Вы можете прокрутить, чтобы скрыть/показать его полностью.
<meta name="viewport" content="width=840, user-scalable=yes" />
<meta name="apple-itunes-app" content="app-id=284882215">
Это действительно можно протестировать в Safari на реальном iPhone, и это проще всего сделать в частном режиме, так как появление баннера смарт-приложения меняется, если вы пролистаете/перезагружаете страницу.
Первоначально принудительное окно для прокрутки вернуло проблему для меня.
<script type="text/javascript">
$(window).load(function() {
$(window).scrollTop(-100);
});
</script>
Использование <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1">
и он будет показывать смарт-баннер.
Эта проблема также влияет на универсальные ссылки для ссылок.
Ванильное javascript-решение, которое работало для нас, было:
window.onload = function() {
window.scrollTo(0, -100);
};