Trigger.IO импульсная прокрутка

Question

Можно ли добавить прокрутку импульса / интервала в приложение HTML5 для iOS с поддержкой http://trigger.io/?

В настоящее время я создаю базовое приложение и заметил, что Webview не реагирует на импульс действия прокрутки при прокрутке содержимого (iOS 6; iPhone 5). Другими словами, медленное и быстрое пролистывание в конечном итоге приводит к прокрутке к одному и тому же разделу WebView (в отличие от нативного приложения, где быстрое пролистывание должно прокручиваться до более удаленного раздела).

Можно ли изменить это поведение и сделать его более родным? Я попытался следовать этим инструкциям прокрутки импульса iOS и изменить CSS, как показано ниже, однако это не работает:

html {
overflow: scroll;
-webkit-overflow-scrolling: touch;
}

В качестве обходного пути я чувствую, что потенциально могу использовать в своем веб-просмотре библиотеку JS с эмуляцией внедрения, однако я хочу по возможности избежать этой опции.

Заранее спасибо!

Answer 1

Я не знаю много о CSS вашего приложения, но -webkit-overflow-scrolling: touch; даст только инерцию сенсорной прокрутки фиксированным или абсолютным элементам с фиксированной высотой / шириной в области просмотра. применение -webkit-overflow-scrolling: touch к телу или HTML-элемент будет работать, только если вы сделали что-то вроде

body {
    position:fixed;
    top:0;
    right:0;
    bottom: 0;
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

Мы используем его в нашем приложении триггера для эмуляции UITableView

Answer 2

Да. Попробуйте Hojoki, где вы можете увидеть прокрутку импульса в действии: https://itunes.apple.com/us/app/hojoki/id525010205?mt=8

Вам не нужно делать ничего особенного, чтобы включить прокрутку импульса в iOS. Если вы этого не видите, то, скорее всего, какая-то стилевая или сторонняя библиотека, которую вы используете, вмешивается в это.

Answer 3

Да. Мне удалось реализовать это с помощью iScroll, но мне пришлось изменить библиотеку. Я действительно не рекомендую -webkit-overflow-scrolling: touch поскольку он не отображает никаких изменений DOM, когда происходит прокрутка импульса. Так что если вы измените размер элемента в результате прокрутки элемента, он выглядит ужасно.

Вот мой репозиторий, где я добавил новый обратный вызов onScrolling() чтобы предупредить о появлении прокрутки в iScroll: https://github.com/simpleshadow/iscroll/blob/master/src/iscroll.js

И вот пример, который я использую в своем приложении Trigger.io, где я изменяю высоту деления во время импульса и сенсорной прокрутки: http://jsfiddle.net/simpleshadow/wQQEM/22/