jquery - 水平リストまたはビューポートのサイズに基づいてスワイプできるリスト

Question

現在、水平方向のリストがある Web サイトを作成しようとしています。通常のビューポートでは、それらを隣り合わせにグループ化したいのですが、ビューポートが特定のしきい値に達するとすぐに、リストをカルーセルにしたいと考えています。これは可能ですか？過去数時間、可能な解決策を探していましたが、ニーズに合ったものを見つけることができませんでした.

下の図は、私が何をする必要があるかを示しています。

http://i.stack.imgur.com/4XqZI.png

Answer 1

jQuery を使用してビューポート サイズをクエリし、サイズが小さい場合はそれらをアニメーション化する関数を読み込むことができます。

フロートされた要素（など）を取得し、それらがすべて同じ場所にあるように絶対に配置するという行に沿っていくつかのCSSが必要になりfloat:left;ます-必要に応じてクロスフェードできます。別の方法は、可視領域外からそれらを取得することです。

サイズが小さい場合は、カルーセル関数を呼び出してページの CSS を変更し、アニメーション化する関数を呼び出すだけです。