Фиксированный заголовок вверху. Прокручиваемый div ниже. Этот вопрос задают очень часто:
- Заголовок div остается вверху, div с вертикальной прокруткой ниже с полосой прокрутки, прикрепленной только к этому div
- div с фиксированным заголовком и div с возможностью прокрутки внизу
- Как можно У меня есть прокручиваемое тело с фиксированным верхним и нижним колонтитулами внутри контейнера div?
Но мне нужно найти решение, которое не сломает мобильный Safari.
Есть две проблемы с принятыми решениями перечисленных выше вопросов. Во-первых, инерционная прокрутка внутри прокручиваемого элемента div не работает. Во-вторых, вы можете получить эффект резиновой ленты, когда пытаетесь прокрутить вверх (прокрутить вниз) внизу прокручиваемого элемента div. Мобильный Safari, по-видимому, не понимает, интерпретировать ли свайп как попытку прокрутки div или html-документа.