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