4 つのアイテムのリストがあり、ul には 2 番目のアイテムの背後に矢印があるように見える背景画像があります。アイテムが2番目のアイテムの位置にクリックされたときにアイテムを上下にスクロールできるようにしたいので、たとえば4番目のアイテムをクリックするとリスト全体がスクロールアップして、4番目のアイテムが背景画像の上に配置されます。他のすべてのアイテムは、その上に同じ順序で配置されます。
循環オプションを選択してjQueryツールを使用しようとしましたが、最初のアイテムと最後のアイテムを複製し、一番下に到達するとギャップが生じ、リストを上下にスクロールするために各アイテムを選択可能にすることもできません。
ここにリストのコードがあります
<div id="priceGuide">
<ul id="priceRegion">
<li><a href="#">North & Midlands</a></li>
<li><a href="#">London, north of the river</a></li>
<li><a href="#">London, south of the river</a></li>
<li><a href="#">South & South East</a></li>
</ul><!-- /priceRegion -->
</div><!-- /priceGuide -->
どんな助けでも大歓迎です。
ありがとう
ジャイルズ