0

ユーザーがどのようにウィンドウのサイズを変更しても、画面の中央に固定されたままになるポップアップを作成しようとしています

これは、これを達成するために使用しているjsです

$(window).resize(function() {
  return $(".wrapper").css({
  position: "fixed",
  left: ($(window).width() - $(".wrapper").outerWidth()) / 2,
  top: ($(window).height() - $(".wrapper").outerHeight()) / 2
 });
});

私はこれがうまくいくように感じます......私の問題はcss内にあると思います

ユーザーがウィンドウの高さを押し下げると、画像が入っているdivラッパーが画像でサイズ変更したくないように見えるため、閉じるボタンが右に移動します。

ここに私のフィドルがあります..

http://jsfiddle.net/jBM8Z/1/

そのため、ウィンドウ ブラウザの高さを押し下げると、閉じるボタンは離れますが、ページを更新すると、閉じるボタンは所定の位置に戻ります.......

閉じるボタンを彼の友達の画像と一緒にしたいだけです

4

2 に答える 2

1

サイズ変更中に幅を調整していないwrapperため、元のサイズのままです。画像と同じ幅に設定して、引き込んでみてください。

  $(document).ready(function(){
    $(window).resize(function() {
      return $(".wrapper").css({
        position: "fixed",
        left: ($(window).width() - $(".wrapper").outerWidth()) / 2,
        top: ($(window).height() - $(".wrapper").outerHeight()) / 2,
        width: $(".wrapper img").width()
      });
    });
  });

にパディングがある場合はwrapper、これを考慮して幅を調整する必要がある場合があることに注意してください。

于 2013-08-29T23:24:21.403 に答える