タッチ・スクロール・バーのテキストのセンタリング

Question

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

各項目をスクロールするときに表示されるテキストを中央に配置する必要があります。リストの最後に当たると、最初の項目に正しく戻ってくるはずです。これがデフォルト動作です。

最初のテキストアイテムを中心にしていますが、現在選択されているアイテムのテキストの中央に位置しています。また、別のアイテムが選択されるとテキストのセンタリングが中断されます。終わらせる。私は単に余白を追加するだけでこれをしました margin:0 250px。

モッドスクロールバーのサンプルはここにある：http://jsfiddle.net/egfx/5TswV/2/show/

バギーコード：http://jsfiddle.net/5TswV/3/

とライブラリはここにある：https://github.com/cubiq/iscroll/tarball/master

私の解像度：1600×1200

私が探していますあらゆる容器やサイズに適合する伸縮性のあるソリューションです。

ありがとうございました。

Answer 1

あなたの問題は次のとおりです。あなたのLiはコンテナよりも小さいので、liをコンテナと同じ幅にする方法を見つけるとすべてが正しく整列されます。 jQueryのを使用して

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

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

：

$('#scroller li').width($('#wrapper').width()); 
$(window).resize(function(){$('#scroller li').width($('#wrapper').width())});