jQuery가 이미지를 너무 멀리 드래그하는 것을 방지합니다.

Question

div 안에 이미지가 overflow: hidden으로 설정되어 있습니다. 이미지를 드래그 할 수 있도록 설정했습니다.

이미지를 너무 멀리 드래그하면 가장자리에서 멈추게됩니다.

지금 당장은 작동 할 것이지만 정확히 우리가 찾고있는 것은 아닙니다.

는 여기 jsfiddle

Answer 1

jQuery를 UI의 드래그 움직임을 제약하는 방법과 함께 제공합니다.

$("#draggable4").draggable({ containment: "#demo-frame" }); 

Answer 2

이 http://jqueryui.com/demos/draggable/에 따르면, 당신은 드래 도우미를 만들어, 또는 (이) .DATA ('드래그'내부 $를 설정하여 중 하나를 드래그 영향을 미칠 수 있습니다 http://jqueryui.com/demos/draggable/#constrain-movement

그것은 다음과 같이 보입니다) .offset.click. (이기는하지만

if(yPos > 0)   
     $(this).data('draggable').offset.click.top += yPos; 

실제로 아래로 드래그하려고 위치를 재설정 않았다 ... 이 최고의 솔루션입니다 알고 있지만, (Y 좌표가 채워진 후)이 내부 드래그를 추가하여 테스트하지 마십시오 약간의 육포). 다른 방향으로도 작업해야합니다. (그리고 뭔가 jquery이 달성하기 위해 더 나은 속성을 보유하고 있음을 알려줍니다.) http://jsfiddle.net/Ksd6n/6/