2012-12-07 3 views
1

내 Webforms 응용 프로그램에 끌어다 놓기 기능을 추가하는 것이 좋습니다.jQuery 도중 자동 스크롤

드래그 소스 및 드롭 대상이 스크롤을 요구하기에 충분히 멀리 떨어져있을 수 있다는 점을 고려해야합니다. 그래서 멋진 UI는 사용자가 드래그하기 시작할 때 브라우저 윈도우의 상단과 하단에 오버레이가 표시 될 것이라고 생각했습니다.

이 오버레이는 화살표가있는 음영 처리 된 영역입니다 (상단 오버레이에는 위쪽 화살표가 있고 아래쪽 오버레이에는 아래쪽 화살표가 있음). 사용자가 오버레이 위로 드래그하면 창은 그 방향으로 스크롤합니다.

질문 :

  1. 사람이 이런 일에 경험이 있습니까? 브라우저간에 안정적으로 수행 할 수 있는지 알고 있습니까?
  2. 누구든지 과중한 작업을 수행 할 수있는 jQuery 플러그인을 추천 할 수 있습니까?
  3. 다른 의견이나 권장 사항이 있으십니까?
+0

이것은 당신이 원하는 것 같아요. jqueryui 부분의이 부분을 살펴 봐야합니다. http://jqueryui.com/draggable/#scroll – C5H8NNaO4

+0

남자는 버그가있는 것 같습니다. 적어도 크롬. 스크롤이 시작되면 끌고있는 항목을 더 이상 볼 수 없습니다. 또한 마우스 이동을 멈출 때 스크롤을 멈추게하는 것은 끔찍한 선택입니다. –

+0

내 (jQuery Ui) 애플리케이션에서 div의 경계를 넘어서 끌 때 스크롤이 자동으로 발생합니다 ... 여기서는 자랑하지 않고 오버레이 또는 아무것도하지 않았습니다. 자식 요소의 크기를 조절하면 같은 효과가 있습니다 .. – T4NK3R

답변

0

이 기능에 대한 문제가 있습니다. 나는 dracable 요소를 margin: 0padding: 0으로 스타일을 지정하고 widthheight 속성과 일관되게 만듭니다.

더 많은 논점을 가진 draggable, sortable 및 droppable 요소에 marginpadding 속성을 사용했습니다.

희망이 있으면 도움이 될 것입니다.