Автоматически скрывать адресную строку браузера перед взаимодействием с прокручиваемыми областями на мобильном устройств ⇐ CSS

[Anonymous]

Мне нужна страница с примерно таким макетом:

Код: Выделить всё

... 

 
... 
... 


... 

Для этого у меня есть настройка в прилагаемом фрагменте кода. Фрагмент работает должным образом в настольном браузере. Панель навигации и нижний колонтитул всегда видны, а прокручиваемые страницы при прокрутке переходят к следующей.
Однако в мобильных браузерах взаимодействие с пользователем не одинаковое. В мобильных браузерах вы обычно прокручиваете страницу, чтобы автоматически скрыть верхнюю панель браузера. Поскольку большая часть моего веб-сайта теперь представляет собой область с возможностью прокрутки, вы пролистываете страницы карусели вместо того, чтобы прокручивать панель браузера. Только когда вы прокручиваете за пределы области прокрутки (на панели навигации или в нижнем колонтитуле), панель браузера скрывается. Это также происходит, когда вы нажимаете на нижнюю страницу и больше нет прокручиваемого контента.
Можно ли изменить это поведение таким образом, чтобы пользователь сначала прокручивал панель браузера - предоставить пользователям возможность просматривать веб-сайт в полноэкранном режиме - и затем, если они прокрутят дальше, начнут прокручивать страницы карусели?
Я думаю, что это может быть в отличие от ожидаемого поведения прокручиваемых областей, но мне кажется, что для этого конкретного дизайна веб-сайта это более интуитивно понятно, поскольку прокручиваемая область занимает всю страницу, а не небольшой контейнер, который прокручивает некоторые изображения.

Код: Выделить всё

.carousel {
display: inline-flex;
overflow-x: scroll;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
background: blue;
}

.carousel-vertical {
display: flex;
flex-direction: column;
overflow-y: scroll;
scroll-snap-type: y mandatory;
}

.carousel-item {
box-sizing: content-box;
display: flex;
flex: none;
scroll-snap-align: start;
}

Код: Выделить всё

Nav


a
b



Footer

Подробнее здесь: https://stackoverflow.com/questions/783 ... reas-on-mo