Как я могу сделать прокручиваемый div под фиксированным заголовком, не путая мобильный Safari?

Фиксированный заголовок вверху. Прокручиваемый div ниже. Этот вопрос задают очень часто:

Но мне нужно найти решение, которое не сломает мобильный Safari.

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


person Michael Swarts    schedule 16.10.2015    source источник