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/

EDIT

、あなたはメニューバーの「採用情報」タブをクリックする必要があり、その後、 「Press Me Please！」をクリックします。ボタン。その後、ポップアウトが表示されます。

Answer 1

あなたの問題（私がそれを正しく理解している場合）は、あなたのHTMLネストを使用しています。 <div id="popupContact">は起動元のパネルの子要素で、パネルの親要素の1行目のどこかに、overflow cssプロパティがhiddenに設定されています。これが断たれる理由です。

パネルdivの外側（おそらく閉じたbodyタグのすぐ下）にpopupContact divを移動すると、パネル内で切り取られる代わりに、メインウィンドウのコンテキスト内でレンダリングされます。

幸運のベスト。

編集：また、あなたの "派手なスライドフォーム"には、あなたのポップアップをぶつけているZインデックスがあります。

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