web-dev-qa-db-ja.com

ChromeブラウザAndroidは-webkit-overflow-scrollingをサポートしなくなりましたか？代替手段はありますか？

Nexus = 7でChrome for Androidの最新バージョンに更新しました...

-webkit-overflow-scrolling: touch

...動作しなくなりました。さらに、以下はfalseと評価されます。

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

Chromeの最近のビルドからオーバーフロースクロールのサポートが削除されましたか？最新バージョンで使用できる同等または同等の代替スクロールメカニズム（iScrollなどではありません）はありますか？ ？

また、デバイスのPlayストアでChrome Betaを検索しましたが、検索結果に表示されません。Nexus7タブレットではベータ版が提供されていない可能性がありますか？

この問題に関するヘルプは大歓迎です。 Googleがブラウザからこの機能を削除したように見えるのは非常にイライラします。

編集：

詳細なバージョン情報：

実行中のNexus 7タブレットAndroidバージョン4.2.2

-webkit-overflow-scrolling: touch;

そして

!!('WebkitOverflowScrolling' in document.documentElement.style)
  • 動作し、Chromeバージョン18.0.1025469でtrueと評価されます
  • 動作せず、Chromeバージョン26.0.1410.58でfalseと評価されます
androidgoogle-chromewebkitscrolloverflow
21
user2262484

z-index: 0を使用して要素にoverflow: scrollを追加して、Chrome=に高速スクロールコードパスを使用するためのヒントを提供するスタッキングコンテキストを作成してください。

背景：

Chrome for Androidの最新バージョンにアップデートした後、この問題が発生しています。これは、この変更により 現在のModernizrテスト =この機能ではfalseが返されるようになったため、CSSスタイルは適用されませんでした。

掘り下げると、別の issue が見つかりました。オーバーフロースクロールタッチのサポートについて説明しています。

Tien-Renは、162363のデバッグ中に-webkit-overflow-touchが継承されたプロパティであることを観察しました。そのため、そのプロパティを持つすべての非表示ではない要素にz-index: 0を設定すると、その下にスタックコンテキストのカスケードが作成されます。 （ENABLE_ACCELERATED_OVERFLOW_SCROLLINGの背後にあるこの動作は、現在Androidでのみ有効になっています。）明白な修正は、「overflow：scroll」要素のみにz-index: 0を設定することです。

そのため、スクロールが期待どおりに機能しないという問題がある場合、z-index: 0をoverflow：scrollの要素に追加すると、これが役立つ場合があります。ただし、スクロールセクションは機能しましたが（このバージョンのChromeでtrueを返すようにModernizr css-overflow-scrollingテストを変更した後）、スクロールの勢い効果はありませんでしたが、これは私にとってはうまくいきませんでした。

17
SneakyBrian

この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-scrollingを削除しました。必要です。問題は、ここでは起きていないことです。

これらのSPの変更は、企業以外のアカウントには表示されないため、おそらくこの問題には影響しませんか？corpですべて正常に動作すると思いますが、確認します。 '

8
mastDrinkNimbuPani

私のために働いた汚い解決策（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);
        });
0
Hugo Zapata