jQuery ポップアップレイヤーは、常に画面または現在の window_jquery に対して垂直方向の中央に配置されます。

ポップアップ レイヤーは常にフロントエンドで処理する必要があります。通常、ポップアップ レイヤーの高さと幅が固定されている場合は、スタイルを使用して処理できます。固定幅または固定高さと幅の場合は、JS を使用して処理して、現在のウィンドウの高さまたは幅を動的に取得する必要があります。今日は 2 つの状況を実行しました。1 つは画面フォームに対して相対的なもので、もう 1 つは相対的なものです。コードを見てください。役に立つかもしれません:

コードをコピー コードは次のとおりです: body{margin:0px;padding:0px} #div1{背景:#F00;色: #FFF; 表示:なし;位置:絶対;} #div2{背景:#333333;色: #FFF;幅:400px;表示:なし; :absolute;} //ブラウザウィンドウを垂直方向に中央揃えします function Popup(popupName){ var _scrollHeight = $ (document).scrollTop(),//ページの上部から現在のウィンドウの高さを取得します _windowHeight = $(window).height(),//現在のウィンドウの高さを取得します _windowWidth = $ (window).width(),//現在のウィンドウの幅を取得します _popupHeight = PopupName.height(),//ポップアップレイヤーの高さを取得します _popupWeight = PopupName.width();//ポップアップレイヤーの幅を取得します _posiTop = (_windowHeight - _popupHeight)/2 _scrollHeight; _posiLeft = (_windowWidth - _popupWeight)/2 PopupName.css({"left": _posiLeft "px","top":_posiTop "px ","display":"block"});//位置を設定 } $(function(){ $(".btn1").click(function(){ popup ($("#div1")); $(".btn2").click(function(){ popup($("#div2")); }); }); --> function Popup(popupName){ _windowHeight = $(".wrap").height(),//現在のウィンドウの高さを取得します _windowWidth = $(".wrap").width(), //現在のウィンドウの幅を取得します _popupHeight = PopupName.height(),//ポップアップレイヤーの高さを取得します _popupWeight = PopupName.width( );//ポップアップレイヤーの幅を取得します _posiTop = (_windowHeight - _popupHeight)/2; _posiLeft = (_windowWidth - _popupWeight)/2; popupName.css({"left": _posiLeft "px" ,"top":_posiTop "px","display":" block"});//位置を設定 } $(function(){ $(".btn1").click( function(){ popup($("#div1" )); }); $(".btn2").click(function(){ popup($("# div2")); } ); 私は現在のウィンドウです、私は現在のウィンドウです、私は現在のウィンドウです、私は現在のウィンドウです、私は現在のウィンドウです、私は現在のウィンドウです 私は現在のウィンドウです、私は現在のウィンドウです、私は現在のウィンドウです ;私は現在のウィンドウです、私は現在のウィンドウ、私は現在のウィンドウです 私は現在のウィンドウです、私は現在のウィンドウです、私は現在のウィンドウです 私は現在のウィンドウです、私は現在のウィンドウです、私は現在のウィンドウです

私は現在のウィンドウです、私は現在のウィンドウです、私は現在のウィンドウです、私は現在のウィンドウです 私はポップアップ ウィンドウ 1111 &lt ;br>私はポップアップ ウィンドウ 1111 です 私はポップアップ ウィンドウ 1111 です 私はポップアップ ウィンドウ 1111 です 私はポップアップ ウィンドウ 1111 です 私はポップアップ ウィンドウ 1111 です 私はポップアップ ウィンドウ 1111 私はポップアップ ウィンドウ 2222 私はポップアップ ウィンドウ 2222 ポップアップ ウィンドウ 2222 私はポップアップ ウィンドウ 2222 /html>

jQuery ポップアップ レイヤーは、常に画面または現在の window_jquery に対して垂直方向の中央に配置されます。

jQuery ポップアップレイヤーは、常に画面または現在の window_jquery に対して垂直方向の中央に配置されます。