드래그 가능한 컨테이너 스크롤링 왼쪽 또는 위로 이동

Question

드래그 가능 컨테이너가 테두리 밖으로 드래그되면 컨테이너 div가 왼쪽 및 위쪽으로 확장되도록하는 좋은 방법이 있습니까?

오른쪽 또는 아래로 드래그하면 컨테이너 div가 제대로 확장되고 필요에 따라 스크롤 막대가 나타납니다. 왼쪽 또는 위쪽으로 이동한다는 것은 드래그 가능한 항목이 위/왼쪽 위치가 음수라는 의미이므로 컨테이너가 확장되지 않습니다.

기존의 드래그 동작을 나타내는 피델이 있습니다 : http://jsfiddle.net/NPC42/Un23w/1/ 그러나 이것은 공식 jQueryUI 데모에서도 볼 수 있습니다 (http://jqueryui.com/demos/draggable/#default).

내가 정상에 확장 할 수 있도록하고 싶습니다/너무 왼쪽 :

무차별 접근하는 것입니다 :

1. 은 컨테이너 사업부에서 객체의 위치를 ​​모두 재설정 (드래그 대상을 포함하여) 위/왼쪽 음수가 필요하지 않음을 나타냅니다.
2. 개체가 여전히 스폿에있는 것처럼 보이게 스크롤 위치를 변경하십시오.

그러나이 깜박 거림, 또는 침체를 많이 일으킬 수있는 용기에 많은 개체에 대한, 그래서 난 정말 그 방향으로 가고 싶지 않아. 어떤 제안이라도 환영합니다!

Answer 1

모든 html 요소의 왼쪽 위 모서리에는 절대 (0,0) 원점 좌표가 있습니다. 그 방향으로 드래그하면 드래그 가능한 좌표가 음수가됩니다. 그러나 스크롤바는 음수가 될 수 없으며, 크기는 양의 방향으로 만 커질 수 있습니다.

아래 (0,0)을 드래그 할 때 음수 방향으로 조정할 수있는 맞춤 스크롤바 위젯을 상상할 수 있습니다. 또한 내부 컨테이너가 움직이는 다른 컨테이너 내부에 컨테이너를 놓고 컨테이너 내부의 모든 오브젝트를 개별적으로 이동할 필요가 없도록하십시오. 나는 네거티브 스크롤 오프셋을 갖는 것이 다소 이상 할 것이므로 존재하는 것을 전혀 모른다.