これを解決するために多くの時間を費やしますが、次のようになります。
要件:
- 項目の垂直リスト、div コンテナー内、構造 div/ul/li
- ユーザーはリストをスクロールできる必要があります。div の上にカーソルを置いてスムーズにスクロールすると、スクロールが上下に向かって加速します。
- スクロールは両端に向かってエンドレスです (つまり、リストの最後で、方向を変える代わりに、リストが再び開始されます)。
- リストはjsを介して動的に生成されます
- クリックすると、選択したアイテムが中央に移動し、マウスアウトすると、中央に最も近いアイテムが中央に移動します
- リスト項目の高さは固定されていません
独自のソリューションを展開することをあきらめた後...スムーズスクロール以外のすべてのことを行うように説得できるjcarouselを試しました。また、[scroll() を使用して] リストの末尾付近の項目をクリックし、現在の項目が最初の項目である場合、リストは次の項目にスクロールするだけでなく、末尾までずっと後方にスクロールします。
次は jquery.serialscroll です。無限のスクロールを除いて、すべてが機能するようになりました。または、むしろ、(相対的なulでリスト項目の絶対配置を介して)下部を無限にスクロールすることができますが、上部へのスクロールについてどうすればよいかわかりません。
スクロール中は、新しいアイテムが追加されていないと想定できます。
スムーズで可変/予測不可能なスクロール速度の要件がなければ、問題を解決するのはそれほど難しくないように見えますが、すべてを組み合わせると、解決策を見つけることができないようです.
私が見逃したjqueryプラグインはありますか、誰かがserialscrollまたはjcarouselを使用して動作させましたか?
これが十分な情報であり、翻訳で失われたものがあまりないことを願っています.
乾杯と前もって感謝します