Почему здесь не работает прокрутка импульса? (с использованием -webkit-overflow-scrolling: touch)

Я пытаюсь прокрутить прокрутку на работу, установив класс, называемый импульсной прокруткой на верхнем уровне div, который обертывает часть прокручиваемого содержимого. Класс определяется как:

.momentum-scrolling { overflow: auto; -webkit-overflow-scrolling: touch; } 

Тем не менее он не работает (тестирование в симуляторе как на iOS 7.1, так и на 8.1).

Вот ссылка, чтобы просмотреть пример на jsbin напрямую (подходит для просмотра на мобильном устройстве для тестирования):

Вот ссылка на редактируемый материал на jsbin:

(Обратите внимание, что показанный CSS включает в себя мини-бутстрап и несколько других вещей. Я оставил это как это, потому что, хотя это немного сложнее в редактировании, я пытался воспроизвести проблему точно так же, как и у нас на нашем сайте, на всякий случай мы делаем, это вызывает проблему.)

Обновить

У меня есть модифицированная версия здесь ( http://jsbin.com/sibofucexe/1 ), где я изменил стиль прокрутки .momentum, чтобы включить положение: фиксированный, высота / ширина 100% (на основе некоторых других сообщений I найденные с примерами прокрутки импульса):

 .momentum-scrolling { position: fixed; height: 100%; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } 

И теперь это позволяет прокрутить инерцию / импульс!

Однако теперь я теряю возможность использовать верхнюю панель для прокрутки окна вверху, а иногда я не могу прокручивать вверх или вниз (обычно, когда DOM обрабатывается JavaScript, из-за удара ajax для добавления дополнительных данных) ,

Любые идеи по этим вопросам? Я делаю это неправильно?

Я знаю, что это поздний ответ, но ради будущих гуглеров:

Согласно CSS Tricks , вы должны использовать overflow: scroll а не overflow: auto . Это может привести к тому, что ваш первый пример будет работать.

  • Обнаружение воспроизведения видео в компоненте WKWebView
  • com.apple.WebKit.WebContent drop 113 error: Не удалось найти указанную службу
  • iOS: сбой WebKitLegacy
  • iOS5 -webkit-overflow-прокрутка вызывает остановку работы сенсорных событий
  • Получение всех файлов cookie из WKWebView
  • Как сделать запрос JQuery GET / AJAX частному / настраиваемому протоколу URL?
  • Какие действия запускают функцию webViewWebContentProcessDidTerminate
  • Сбой: WebThread - EXC_BAD_ACCESS KERN_INVALID_ADDRESS
  • Как изменить цвет выделения текста в WKWebView?
  • проблема с прокруткой webkit-переполнения с осью x?
  • видимые полосы прокрутки IOS с "webkit-overflow-scrolling: touch"
  • Давайте будем гением компьютера.