2

これがほとんどのjqueryモーダルポップアップボックスの問題であることがわかりました。だから私は疑問に思っています、jqueryモーダルを常にページの中央に保つjqueryコードはありますか？私はこれが純粋なjavascriptコードで達成できることを知っていますが、jqueryはどうですか？

4

3 に答える 3

1

jqueryに慣れている場合は、次のjquery関数を使用できます

jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() + "px");
    this.css("left", (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px");
    return this;
}
于 2012-07-07T05:01:33.553 に答える
1

jQueryを使用して要素を中央に配置する場合は、これを試してください。

var browserW = $(window).width();
var centerEle = (browserW - 960) / 2; //if ur website design's width 960

$('.centeredEle').css({'left':centerEle + 'px'});//or margin-left, ur choise
于 2012-07-07T00:28:29.963 に答える
1

カスタムモーダルを使用している場合、役立ついくつかのスタイルは次のとおりです。

<div id="modal"></div>

#modal {
    position: fixed;
    height: 80px;
    width: 200px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-right: -100px;
}

「位置：固定」は、ウィンドウに基づいてモーダルを特定の位置に保ちます。高さと幅は明らかにサイズを提供しますが、左/マージン左と上/マージントップは実際には中央に配置されます。margin-left と margin-top は、それぞれ幅/高さの負の半分である必要があります。

于 2012-07-07T00:19:57.227 に答える