Синхронизация нескольких прокрутки div с эффектом инерции

Question

Синхронизация нескольких прокрутки div с эффектом инерции

0

У меня есть несколько div которые прокручиваются одновременно. У меня было свойство css чтобы эффект инерции был на моем все div (для сафари на iPad) -webkit-overflow-scrolling: touch; , Он отлично работает на настольном веб-браузере. Но у меня есть эффект, который я хочу изменить, когда я запускаю свою веб-страницу на своем iPad.

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

Знаете, если есть решение?

Чтобы завершить мое объяснение, я создал: JSFiddle

Chéramy Alexandre 14 апр. 2014, в 12:07

Источник

Теги:

javascript

jquery

html

css

1 ответ

Ещё вопросы

Gromo · Answer 1 · 2014-04-19T06-59-00.000Z

Как я знаю, скроллинг прокрутки CSS на мобильных устройствах нельзя обрабатывать с помощью JavaScript. Событие прокрутки элемента запускается, когда вы прокручиваете его вручную и когда анимация завершена. Во время анимации события не запускаются. Таким образом, вы должны эмулировать инерцию с помощью javascript для синхронизации ваших div (и это не очень хорошая идея).

Вы можете эмулировать эффект инерции с помощью javascript, но он не будет работать так же хорошо, как встроенная инерция прокрутки.