適用於Android的Chrome瀏覽器不再支持-webkit-overflow-scrolling？ 還有其他選擇嗎？

Question

我在Nexus 7平板電腦上更新到最新版Chrome for Android並且......

-webkit-overflow-scrolling: touch

......不再有效 此外，以下評估為false：

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

是否支持從最新版Chrome for Android中刪除溢出滾動？ 是否有可用於最新版本的等效或類似的替代動量滾動機制（不是iScroll等）？

同樣，我在我的設備上的Play商店中搜索了Chrome測試版，但搜索結果中沒有顯示。 也許Nexus 7平板電腦不提供測試版？

對此事的任何幫助都非常感謝。 谷歌似乎已經從他們的瀏覽器中刪除了這個功能，這令人非常沮喪....

編輯：

詳細版本信息：

運行Android 4.2.2版的Nexus 7平板電腦

-webkit-overflow-scrolling: touch;

和

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

• 在Chrome版本18.0.1025469上運行並評估為true
• 在Chrome版本26.0.1410.58上不起作用並評估為false

Answer 1

嘗試將z-index: 0添加到帶overflow: scroll的元素overflow: scroll以創建堆疊上下文，該提示向Chrome提供使用快速滾動代碼路徑的提示。

背景：

我目前在更新到最新版Chrome for Android后遇到此問題。 由於這一變化，此功能的當前Modernizr測試現在返回false，因此我的CSS樣式未應用，這對我來說也更加復雜。

周圍挖我發現了另一個問題 ，討論溢出滾動觸摸的支持：

Tien-Ren在調試162363時觀察到-webkit-overflow-touch是一個繼承的屬性。 因此，在具有該屬性的所有非隱藏元素上設置z-index: 0的行為會在其下創建一系列堆疊上下文。 （此行為在ENABLE_ACCELERATED_OVERFLOW_SCROLLING之后，目前僅在Android上啟用。） 明顯的解決方法是僅在“overflow：scroll”元素上設置z-index: 0 。

所以看起來如果你的滾動問題沒有按預期工作，那么將z-index: 0添加到帶溢出的元素：滾動然后這可能會有所幫助。 然而，這對我來說不起作用，雖然滾動部分有效（在我修改了Modernizr css-overflow-scrolling測試后，對於這個版本的Chrome返回true），滾動的動量效果不存在。

Answer 2

來自此網址= 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-scrolling，希望不再需要它，因為我們會在需要時自動選擇快速滾動。 問題是它不會發生在這里。

您提到的那些SP更改可能不會影響此問題，因為它們不會顯示在非公司帳戶上，對吧？ 我認為一切都很好，但我會檢查。 “

Answer 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);
        });

Answer 4

我們在Android（平板電腦和手機）上的Chrome 40.0上有滾動問題，我們修復了僅限css的解決方案。 也許它不干凈但對我們有用：

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