Я создаю веб-приложение для iOS с фиксированным div (скажем, 200px
высота) и содержимым внутри этих прокруток. Мне не нравится прокрутка iOS по умолчанию, так как она не похожа на собственную прокрутку, которую можно найти, просто проведя пальцем по веб-странице (собственная прокрутка в iOS имеет импульс, в то время как по умолчанию для overflow
нет импульса).
div
, который я пытаюсь прокрутить, обладает следующими качествами:
- Ширина набора
- Динамическая высота (содержимое через AJAX)
Контент загружается с внешнего веб-сайта в div
с использованием jQuery AJAX, и есть возможность перезагрузить запрос AJAX. Это означает, что в зависимости от объема содержимого загруженной страницы высота div
будет меняться.
Я не могу найти какие-либо решения, которые позволяют прокручивать импульс в iOS, где div
не имеет набора с, и я попробовал следующее:
- webkit-overflow-scrolling: touch
- iScroll
И проблемы с этим:
- Это был мой первый выбор, так как это просто тег
css
, который обычно работает нормально. Это новый продукт, в котором есть много ошибок, в том числе для моего веб-приложения. Если вы focus
на элементе input
, страница увеличится (даже если для тега meta
установлено значение user-scalable:no
) и не уменьшит масштаб до тех пор, пока вы не введете текст в текстовое поле, а затем все отключится. на 3px
.
- Это решение запаздывает, и его высота должна быть фиксированной. Использование функции обновления слишком громоздко, поскольку ее необходимо вызывать при перезагрузке запроса AJAX, при перезагрузке страницы, если элементы скрыты и т. Д.
TL; DR: Существуют ли какие-либо решения, кроме -webkit-overflow-scrolling
и iScroll
, которые позволят мне использовать прокрутку импульса для div с динамической высотой (контент, загружаемый через AJAX) в iOS?