jQuery의 스크롤 가능한 목록 항목

Question

4 개의 항목 목록이 있으며 ul에는 배경 이미지가있어서 두 번째 항목 뒤에 화살표가있는 것처럼 보입니다. 두 번째 항목 위치를 클릭 할 때 항목을 위 또는 아래로 스크롤 할 수 있기를 원합니다. 예를 들어 네 번째 항목을 클릭하면 전체 목록이 위로 스크롤되어 네 번째 항목이 배경 이미지의 맨 위에 배치됩니다. 다른 모든 항목은 위의 동일한 순서로 표시됩니다.

원형 옵션을 선택한 jQuery Tools를 사용하여 시도했지만 마지막 항목을 복제하고 맨 아래로 갈 때 갭이 생기며 각 항목을 선택하여 목록을 스크롤하거나 하위. 여기

은 어떤 도움이 가장 감사 목록

<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 --> 

코드입니다.

감사

자일스

Answer 1

당신이 원하는처럼 jQuery를 UI .animate 소리.

http://jqueryui.com/demos/animate/