필자는 스크롤바가 필요한 몇 가지 시나리오를 가지고 있습니다. 예제에서는 여러 가지 용도로 상자 팝업이 있어야합니다. 예를 들어 사진 요소 위에 이름 만있는 것입니다. 어쨌든 내가 할 수 있니?절대 위치 요소가 스크롤 박스 외부에 숨겨져 있지 않습니다.
사진 예 : http://img36.imageshack.us/img36/4696/problemtn.png
이기 때문에 그것을 그러나 나는 (이렇게 주석이가, 당신은 내 문제 참조) .. 물론 오버 플로우 자동 가질 필요가 작동하는 방법이다 :
팝업 div를 절대 위치로 설정하고 해당 상위 항목의 상대 위치를 z-index : 1000으로 설정합니다. pop-up 부모 parent의 부모 컨테이너에 설정하고 z-ndex : 1001; pop-up의 부모와 set z-index : 1002; 팝업. 다음 번에 게시판에 코드를 올리십시오. http://jsfiddle.net/
이것은 요소를 배치 한 방법에 따라 다릅니다. 툴팁 윈도우를 브라우저의 스크롤바 위로 가져 가려는 경우, 아니요, 그렇게 할 수 없습니다 (afaik).
스크롤바가있는 div가 있고 div가 화면 중간에 있으면 그렇습니다.
문서의 최상위 수준에서 div를 만들고 위치를 "절대"로 설정해야합니다. 그런 다음 jquery를 사용하여 상자를 표시 할 그림 요소의 위치를 가져오고 그에 따라 최상위 div의 top 및 left 스타일 속성을 설정합니다 (오프셋에 일부를 추가하는 것을 잊지 마십시오).
알려주세요. 그것이 당신이하려는 일이라면!
jsfiddle 예제를 추가했습니다. –
에 jsfiddle 예제가 추가되었습니다. –
@DylanCross 당신은 jsfiddle의 홈페이지 메이트를 추가했습니다. – Kareem