jQuery 팝업이 잘못 가운데에 맞춰짐

Question

내 사이트에 다음과 같은 jQuery 팝업 기능을 구현하려고합니다. http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/ 팝업 창이 나타나기는하지만 중앙에 위치하지 않고 팝업 창이 나타납니다 배경 이미지를 컨테이너로 사용하고 거기서 사용하고있는 양식을 입력하고 있습니다. 따라서 양식을 완전히 볼 수도 없습니다. 양식을 완전히 볼 수 있도록 팝업을 창 중앙에 놓으려고합니다. 또한이 양식 자습서를 양식 템플릿으로 사용하고 있습니다. http://tympanus.net/codrops/2010/06/07/fancy-sliding-form-with-jquery/

이상한 이유는 무엇입니까? 나는 jQuery에 상당히 익숙하다. 그래서 분명히 나는 ​​잘못된 것을하고있다. 그러나 나는 모른다. 나는 몇 가지 조사를 해본 후 centerPopup() 함수 아래에 popup.js 파일에서 다른 DOM 객체 참조를 시도했지만 팝업에 영향을주지는 않습니다. 양식이 나타나는 위치에만 영향을 미칩니다 ...

저는 2 시간 동안이 작업을 해왔으므로 재치가 끝나고 도움을 주시면 감사하겠습니다. 고맙습니다. 여기

는 JSFiddle입니다 : http://jsfiddle.net/LxjN2/11/

편집 내가 생각으로 "팝업"또는 다른 창에서에 도착하려면 다음 메뉴 바의 "채용 정보"탭을 클릭해야

"Press Me Please!"를 클릭하십시오. 단추. 그러면 팝 아웃이 보일 것입니다.

Answer 1

귀하의 문제 (올바르게 이해한다면)는 HTML 중첩과 관련이 있습니다. <div id="popupContact">은 실행되는 패널의 하위 요소이며 패널의 상위 요소 중 하나의 행에있는 overflow css 속성이 hidden으로 설정되어 있습니다. 이것이 왜 잘리는 이유입니다.

panel div 외부 (아마도 닫는 body 태그 바로 아래)에 popupContact div를 이동하면 패널 내부에서 잘게 잘리는 대신 기본 창에서 렌더링됩니다.

행운을 빈다.

편집 : 또한 "멋진 슬라이딩 폼"에는 팝업을 트럼블하는 Z- 인덱스가 있습니다.

$("#popupContact").css({ 
    "position": "absolute", 
    "top": windowHeight/2-popupHeight/2, 
    "left": windowWidth/2-popupWidth/2, 
    "z-index": 2000 
});