오버플로가 숨겨진 jQuery UI draggable 포함

Question

나는 래퍼보다 큰 ul을 가지고 있으며 마지막 아이 (containment 포함)까지 드래그 할 수 있기를 원합니다.

나는이 코드를 사용하여 ul을 드래그하고 잘 작동합니다 (포함하지 않음). 여기

$("#myList").draggable({ axis: "x" });​ 

는 작업 페이지입니다 : http://jsfiddle.net/Kxtvg/

하지만

$("#myList").draggable({ axis: "x", containment: '#width' });​ 

그것은 재미있는 동작을 사용하는 경우 나는 ..., 드래그를 제한하려고 도움이 http://jsfiddle.net/Z9UYA/

방법이 필요합니다 숨겨진 오버플로 래퍼 및 봉쇄 div를 사용하여 ul 끌기를 부드럽게 할 수 있습니까?

THX!

Answer 1

아래의 "#myList"요소의 너비보다 큰 "#width"요소의 너비를 설정해보십시오.

#width {width : 1200px; 높이 : 150px; overflow : hidden;} #myList {width : 600px; height : 150px; 오버플로 : 숨김;}