0

divをWebサイトの中央に配置するにはどうすればよいですか？そのようなスクリプトをive：

$(document).ready( function(){    

    $('.cod').click(function() {
    var div_name = $(this).attr('id');

    $('#overlay_window').load('/templates/' + div_name + '_template.php', function(){
    var div_width = $('#'+div_name+'-overlay').width();
    var div_height = $('#'+div_name+'-overlay').height();
    $('#overlay_window').css("width", ""+div_width+"px")
    $('#overlay_window').css("height", ""+div_height+"px")
    var div2_width = $('#overlay_window').width();
    var div2_height = $('#overlay_window').height();
    var window_width = $(window).width();
    var window_height = $(window).height();

    var widthoffset = (window_width - div2_width) / 2;  
    var heightoffset = (window_height - div2_height) / 2;   
    $('#overlay_window').css("left", "" + (widthoffset) + "px");
    $('#overlay_window').css("top", "" + (heightoffset + 750) + "px");
    $('#overlay_background').fadeIn(800);
    $('#overlay_window').fadeIn(800);
    });
    });




    });

しかし、それはdivをページの上部から中央に配置し、下にスクロールすると、iveがスクロールした場所ではなく、上部に表示されます。誰かが助けてくれますか？

4

2 に答える 2

0

position: fixedユーザーがスクロールする場所に関係なく、マークを付けてそこに保持しないのはなぜですか? そうすれば、いかなる形式の js トリックも必要ありません。

ただし、現在の問題に答えるために、一度センタリングを提供しているようで、ウィンドウのスクロールイベントに反応することはありません:

 $(window).scroll(function() { $('#divID').center(); });
于 2012-12-14T18:09:14.163 に答える
0

で使用できposition:fixed;ます#overlay_window。この div は、ドキュメントではなくウィンドウ内の位置に固定されます。

于 2012-12-14T18:11:17.897 に答える