1

iScrollタッチ スクローラーのバージョンを変更しました。ライブラリをダウンロードすると、サンプル ファイルのカルーセル デモに基づいて変更されました。

各アイテムをスクロールするときに表示されるテキストを中央に配置する必要があり、リストの最後に到達すると、最初のアイテムに正しく循環する必要があります。これがデフォルトの動作です。

最初のテキスト項目を中央に配置するところまで行きましたが、現在選択されている項目のテキストを中央に配置するだけで、別の項目を選択するとテキストの中央揃えが壊れます。リストが完了すると、最初の要素へのスナップバック効果も壊れます。margin を追加するだけでこれを行いました margin:0 250px。

改造されたスクローラーのサンプルはこちら: http://jsfiddle.net/egfx/5TswV/2/show/

バグのあるコード: http://jsfiddle.net/5TswV/3/

ライブラリはこちら: https://github.com/cubiq/iscroll/tarball/master

私の解像度: 1600x1200

あらゆるコンテナと解像度に適合する伸縮可能なソリューションを探しています。

ありがとう。

4

1 に答える 1

1

ここにあなたの問題があります: Li はコンテナーよりも小さいです。Li をコンテナーと同じ幅にする方法を見つければ、すべてが正しく配置されます。

http://fiddle.jshell.net/5TswV/5/show/

http://fiddle.jshell.net/5TswV/5/

jQuery の使用:

$('#scroller li').width($('#wrapper').width());
$(window).resize(function(){$('#scroller li').width($('#wrapper').width())});
于 2011-10-27T05:45:55.570 に答える