더 큰 div 안에 2 개의 div를 드래그하고 싶습니다. Test1은 훌륭하게 작동하지만 Test2는 Test1 위로 끌 수 없습니다. 문제는 left=0Test2 의 값 이 현재 상대 위치로 설정된다는 것입니다. 따라서 left=0Test2의는 Test1의 가장자리에 있습니다. 그래서 원래 위치를 지나서 (왼쪽) 이동할 수 없습니다. 이 값을 absolute left=0부모 div ( id="ganz") 의로 설정해야 하므로 전체 부모 div를 통해 Test1 위로 드래그 할 수 있습니다. 이 작업을 수행하는 방법을 알 수 없습니다. 도와 주실 수 있나요?
다음은 바이올린 데모입니다 : https://jsfiddle.net/pr0cz/wq9amoxd/6/
JS의 원본 소스 : 순수 자바 스크립트 : 드래그 가능한 요소의 테두리 설정
해결책은
document.getElementById("rechtsheader").style.position = "absolute";
그러나 또한 div 요소에 추가 left하고 top인라인합니다. 인라인 선언이 없으면 CSS의 현재 값을 인식하지 못하는 것 같기 때문에 항상 설정 left하고 top다시 돌아갑니다 top:20px left:20px. 이것이 @ bru17의 주석에서 언급했듯이 요소가 왼쪽 상단으로 다시 점프하는 이유입니다.
<div id="rechtsheader" style="top:0px; left:105px;">Test2</div>
스 니펫이 업데이트되었습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다