전체 페이지 상단에 드래그 가능한 div (페이지로드시)

Question

나는 드래그 가능한 요소를 포함해야하는 웹 프로젝트에서 작업 중입니다. javascript 및 jquery을 사용하여 페이지에 배치했습니다.

모든 것이 의도 한대로 작동하지만 draggable 인 div는 위와 아래의 div 사이에 약간의 공간을 차지합니다. 이 드래그 할 수있는 요소는 페이지를로드 한 직후 페이지의 나머지 부분 위에 놓기를 원합니다. 즉, 위의 div과 아래의 div 사이의 공간을 차지하지 않고 모든 항목 위에 생성해야합니다. 아래 비디오 및 jsfiddle를 참조하십시오.

어떻게이 작업을 수행 할 수 있습니까? 이 같은

JSFiddle

Answer 1

사용 position:absolute; :

$(function() { 
    $("#draggable").draggable().css("position", "absolute");; 
}); 

는 Jsfiddle 업데이트되었습니다.

또한 CSS에서 잘못된 선택기 유형을 사용하고있었습니다. 귀하의 HTML에서 당신은 id가 draggable이었고 귀하의 CSS에서는 그것을 클래스로 사용하고있었습니다. 이와

.draggable { z-index: 4000; width: 350px; height: 350px; padding: 0em; }

: CSS이 변경

#draggable { z-index: 4000; width: 350px; height: 350px; padding: 0em; }