2010-05-29 6 views
0

이전 질문과 관련하여 바닥 글이 <div style="position: fixed;">입니다. 바닥 글에는 <a style="display: block; float: left;"> 요소가 포함되어 있습니다. 이 링크들 중 하나를 클릭하면 해당 링크 위의 div가 팝업으로 표시됩니다. 몇 가지 CSS 설정을 시험해보고 만족스러운 결과를 얻었지만 내 CSS가 브라우저에서 작동하는지 확신 할 수 없습니다. 당신이 jQuery를 태그하기 때문에고정 된 위치에있는 요소 안에 절대적으로 배치 된 요소

screenshot http://i49.tinypic.com/sqh8ur.png

+0

JavaScript를 사용하여 DOM을 탐색하고 앵커 태그의 위치를 ​​찾을 수 있습니다. div의 왼쪽을 앵커의 왼쪽과 아래쪽으로 이동시켜 앵커의 맨 위로 이동할 수 있습니다. – Warty

답변

1

는, jQueryUI은 위치의 종류에 대한 지원을 제공하는 유틸리티를 가지고 어떤 사람이 이런 식으로 뭔가를 달성하기 위해 나에게 방탄 및 테스트 CSS 솔루션을 말할 수 있는지 궁금하고있다.

나머지 jQueryUI가 실제로 설치되어있을 필요는 없습니다 (심지어 코어). jQuery 만 있으면된다. jQueryUI의 나머지 부분은 다운로드 페이지에서 모두 선택 해제 한 다음 위치UI 코어 아래로 선택하십시오.

http://jqueryui.com/demos/position/

"유틸리티 스크립트 절대적으로 윈도우, 문서, 특정 요소, 또는 커서/마우스에 대한 위젯 상대 위치를 위해."

관련 문제