Почему здесь не работает прокрутка импульса? (с использованием -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 . Это может привести к тому, что ваш первый пример будет работать.

  • Это Facebook для iOS WebView User Agent?
  • HTML-разбивка на страницы
  • Ошибка теневого распространения в WebKit в iOS 7 на iPad Retina
  • фиксированная позиция сломана на contentEditable Safari ios webkit
  • `-webkit-overflow-scrolling: touch` сломан для первоначальных внеэкранных элементов в iOS7
  • Сбой: WebThread - EXC_BAD_ACCESS KERN_INVALID_ADDRESS
  • PhoneGap + iOS Запретить действие прокрутки по умолчанию начинается с текстового поля ввода
  • Не удалось выполнить команду com.apple.WebKit.WebContent
  • WebKit бросает исключение на iOS 8 для вызова setBeingRemoved:
  • Анимация Webkit оставляет на экране нежелательные пиксели
  • -webkit-overflow-scrolling: touch разбивает мой -webkit-scrollbar css в iOS
  • Interesting Posts

    Как загрузить приложение Swift Playgrounds iPad?

    Очень простое приложение pub / sub web или скрипт, который хорошо взаимодействует с OSX / iOS?

    Как передать функцию обратного вызова в sqlite3_exec на iOS 5.1?

    Исправление «Установка приложения Apple Watch никогда не завершалась»

    Xcode для окон для разработки ios

    Несколько статических библиотек с общей зависимостью – iOS

    UIStatusBarStyleBlackTranslucent недоступен на этом устройстве

    Swift – iOS – Даты и время в разных форматах

    здание live555 библиотека для iphoneos

    Панель поиска в навигационном элементе обрушивается и застревает под строкой состояния при навигации по навигации, на iOS 11

    Есть ли способ инвертировать цвета SKSpriteNode

    Прогулка по цепочке ответчиков для передачи пользовательских событий. Это неправильно?

    Восстановление подписки на автообновление подписки

    Неизвестный класс **** в файле Interface Builder

    Согласование CACurrentMediaTime () и deviceCurrentTime

    Давайте будем гением компьютера.