두 개 이상의 스크롤 가능 항목을 jQuery 도구로 연결

Question

컨테이너 내에서 이미지를 스크롤하는 간단한 스크롤 기능이 있습니다.

이 컨테이너의 오른쪽에는이 이미지에 대한 정보를 표시하는 두 번째 스크롤 가능 항목이 있습니다. 다음 링크를 클릭하면이 두 스크롤 요소가 다음 요소 (다음 이미지의 이미지 상자 및 다음 infoblock의 정보 상자)로 스크롤됩니다.

어떻게하면됩니까? 두 스크롤 가능 항목을 동일한 '이전'및 '다음'버튼에 연결할 수 있습니까?

Answer 1

때때로 언뜻보기에보기보다 쉽습니다. 두 Scrollables가 같은 mutual wrapper element 내에 있으면 충분합니다. 그들은 둘 다 동일한 이전 및 다음 버튼을 자동으로 사용합니다. 그래서 그들 중 하나를 클릭하면 항상 같은 컨테이너 내의 모든 스크롤 가능 항목을 스크롤합니다.

$("#imagecontainer").scrollable(); 
$("#textcontainer").scrollable(); 

:

그래서 같이 Scrollable의를 초기화하기 위해서 충분