サイトのオーディオプレーヤー内に垂直スクロールを実装する必要があります。私は(私の意見では)可能な限り簡単な方法でそれを行いました。
ウィンドウの高さを一定に保ち、オーバーフローを「自動」にしました。
overflow: auto;
height: 333px;
テストできるIE、Firefox、Chromeのすべてのバージョンで正常に動作します。(Windows OSの場合)。右側に小さなスクロールバーが表示されます。
モバイル(タッチ)ブラウザでは、スクロールバーが個別のエンティティとして表示されません。リスト項目の1つをタッチして、上下にドラッグできます。これにより、リストがスクロールされます。問題は、このスクロール方法では、一部の携帯電話では優れたエクスペリエンスが得られ、他の携帯電話では非常に貧弱なエクスペリエンスが得られることです。
例:iPhone(Safari)では、うまく機能しました。サムスンギャラクシー(Firefox)では、それは非常に貧弱でした。私が推測するネイティブブラウザでは、Operaはさらにひどいものでした。
タッチに関しては、どちらの電話も良いと思います。しかし、このスクロール機能に関しては、使いやすさに違いがあります。そして最悪の部分は、私がデバイスを持っていない限り、これをテストできないことです。
通常のブラウザとモバイルブラウザ間でスクロールをシームレスにするための標準的なアプローチはありますか?
助けてくれてありがとう。