아코디언에서 드래그 가능한 div

사이드 바를 생성했습니다. 그 옆구리에는 div가 포함 된 아코디언이 있습니다. 그 divs draggable 있습니다. 사용자는 div를 드래그하여 메인 페이지에 배치 할 수 있습니다.아코디언에서 드래그 가능한 div

내가 겪고있는 문제는 div가 드래그되면 아코디언 외부에서 볼 수 없다는 것입니다. 이것은 This 비디오에서 볼 수 있습니다.

오버플로가 숨김으로 설정된 것과 관련이 있음을 알 수 있습니다. 그러나 이것을 제거하면 숨길 때 아코디언 내용이 표시됩니다.

overflow: hidden;

JSFiddle 내 문제를 자세히 보여줍니다.

어떻게 해결할 수 있습니까/주위를 둘러 쌀 수있는 방법은 무엇입니까? 당신의 CSS를

.accordion-heading + div.accordion-body { 
    position: static; 
}

이 추가

출처

2013-08-23 Will

보십시오이 당신이 찾고있는 무엇인가? 업데이트 된 바이올린 http://jsfiddle.net/gNAFY/3/ 문제가 해결되면 bootstrap.css 파일의 5245 줄에 "position : relative"규칙이있어 div가 아코디언 외부에 나타나지 않는 것으로 보입니다. 따라서 정적으로 위치를 "재설정"해야합니다. "el + el"CSS selector가 IE8 이전 버전에서 작동하려면 <! DOCTYPE>을 잊지 마십시오.

출처

2013-08-23 10:38:21

대단히 감사합니다. 이제 잘됩니다. – Will

"static" 정상적인 동작입니다. 위쪽, 오른쪽, 아래쪽 및 왼쪽 속성은 적용되지 않습니다. 문서에서. 다시 한 번 감사드립니다 – Will

다행스럽게도 :) –

아코디언에서 드래그 가능한 div

답변

관련 문제