Chrome Browser для Android больше не поддерживает -webkit-overflow-прокрутку? Есть ли альтернатива?

Я обновил последнюю версию Chrome для Android на своем планшете Nexus 7 и...

-webkit-overflow-scrolling: touch

... больше не работает. Кроме того, следующее значение равно false:

!!('WebkitOverflowScrolling' in document.documentElement.style)

Была ли удалена поддержка прокрутки переполнения из более поздних версий Chrome для Android? Есть ли эквивалентный или сопоставимый альтернативный механизм прокрутки импульса (не iScroll и т.д.), Который я могу использовать, найденный в самой новой версии?

Кроме того, я искал бета-версию Chrome в Play Маркете на своем устройстве и не попал в результаты поиска. Может быть, бета-версия не предлагается для планшетов Nexus 7?

Любая помощь по этому вопросу очень ценится. Это очень расстраивает то, что Google, похоже, удалил эту функцию из своего браузера....

изменить

Подробная информация о версии:

Планшет Nexus 7 под управлением Android версии 4.2.2

-webkit-overflow-scrolling: touch;

!!('WebkitOverflowScrolling' in document.documentElement.style)

Работает и оценивает значение true в Chrome версии 18.0.1025469
Не работает и не оценивает значение false в версии 26.0.1410.58 Chrome.

Ответ 1

Попробуйте добавить z-index: 0 к элементу с помощью overflow: scroll, чтобы создать контекст стекирования, который дает подсказку Chrome для использования быстрого кода прокрутки.

Фон:

В настоящее время я испытываю эту проблему после обновления до последней версии Chrome для Android. Это также усугублялось тем, что из-за этого изменения текущий тест Modernizr для этой функции теперь возвращает false, поэтому мои стили CSS не были применяется.

Копаясь, я нашел еще один issue, в котором обсуждается поддержка переполнения прокрутки:

Tien-Ren наблюдал при отладке 162363, что -webkit-overflow-touch является наследуемым свойством. Таким образом, поведение установки z-index: 0 на всех не скрытые элементы с этим свойством создают каскад укладки контекстов ниже. (Это поведение, позади ENABLE_ACCELERATED_OVERFLOW_SCROLLING, в настоящее время Android.) Очевидным решением было бы установить только z-index: 0Элементы "переполнение: прокрутка".

Таким образом, казалось бы, если у вас возникли проблемы с прокруткой, которая не работает должным образом, добавив z-index: 0 к элементу с переполнением: прокрутка затем может помочь. Однако это не сработало для меня, хотя прокручиваемые секции работали (после того, как я изменил тест прокрутки Modernssr css-overflow, чтобы вернуть true для этой версии Chrome), импульсного эффекта прокрутки не было.

Ответ 2

Из этого URL = https://code.google.com/p/chromium/issues/detail?id=175670&q=overflow-scrolling&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified

" Нет, я думаю, что это действительно было вызвано 172481. Мы удалили -webkit-overflow-прокрутку с надеждой на то, что это больше не нужно, потому что мы автоматически выбираем ускоренную прокрутку, когда нам нужно. Проблема в том, что здесь этого не происходит.

Те изменения, которые вы указали, вероятно, не повлияют на эту проблему, потому что они не будут отображаться на учетной записи, отличной от корпорации, не так ли? Я думаю, что все отлично работает с корпорацией, но я проверю.

Ответ 3

Грязное решение, которое сработало для меня (требуется Hammer js):

  Hammer($('body')[0]).on("dragup", function(ev) {
            window.scrollBy(0,ev.gesture.distance);
        });
         Hammer($('body')[0]).on("dragdown", function(ev) {
            window.scrollBy(0,-ev.gesture.distance);
        });

Ответ 4

у нас были проблемы с прокруткой на Chrome 40.0... на Android (планшеты и мобильные устройства), и мы исправили решение css. Возможно, это не чисто, но работает для нас:

    @media screen and (max-width: 1024px)
html, body {
    z-index: 0 !important;
    overflow: scroll !important;
    }
}