計算したり、スライドとして表示したりできます。このようなモバイル制御でさらに厄介なのは、先進点での慣性や反力などのイベントと計算です。 。あまり考えずにカルーセルで見てください

これはスクロールを制御するものであり、カルーセルを制御するには touchmove と touchend を使用します

この種の UI は非常に面倒です。各ドロップダウンの全体像を確認したい場合は、すべてをプルする必要があるため、この種のインターフェースは使用せず、ネイティブ インターフェース + CSS フレームワークを選択することをお勧めします。 。

どうしても使用しなければならない場合は、有名なスライドコンポーネントを使用して、上下の文字に透明度を追加するだけです。

swiperJS でそれを実現できます

mui picker http://www.dcloud.io/mui.html 携帯電話で試して効果を確認できます

mobiscrollで試すことができます

これは、js を使用してマウス イベントを監視し、css3 を使用してスクロール アニメーションを実装します。