Я бы хотел, чтобы пользователь попал на страницу с ящиком внизу, с прокруткой верхней части. Как только пользователь достигает конца верхнего содержимого, появляется ящик и начинается прокрутка.
См. Описание на изображении ниже.
Извиняюсь за плохой почерк, но на земле должен быть контент в ящике с ящиком над ним. Большая часть содержимого отображается над выдвижным ящиком, а часть - под выдвижным ящиком.
При прокрутке прокручивается только основное содержимое. Он продолжает прокручиваться до конца основного содержимого, после чего ящик начинает выдвигаться. Если пользователь прокручивает обратно вверх, то ящик опускается, и происходит обратное.
Я пытался решить эту проблему, окружив основное содержимое следующим CSS классом:
overflow: 'scroll',
maxHeight: '80vh',
Этот тип работает, но имеет странное поведение. Он обрабатывает главную страницу и основное содержимое div как два отдельных контейнера прокрутки. Как только вы дойдете до конца основного контента, он не начнет прокручивать основной ящик вверх , что плохо для пользователя.
Существуют ли какие-либо CSS хаки, которые будут специально работать для iOS Safari?