0

私はウェブサイトを持っていて、それはうまくいっていますが、私には理解できない問題が1つあり、オンラインで答えを見つけることができないようです.

http://ginosoftuscany.com/site/

場所をクリックすると、写真のスライドショーの上にモーダル ポップが表示されます...

現在、バグ) 場所を表示しているときに、ウィンドウのサイズを大きく/小さくドラッグすると、モーダルが中央に従わず、1 つの場所にとどまり、見栄えが悪くなります。

ウィンドウサイズが調整されている場合、jquery を追加してリセットできますか?

あなたが私に必要なら、私はjfiddleを作ります...それはたった1行のコードだと考えてください。

ありがとう、-O

4

2 に答える 2

1

コードで解決策を得る

var winH = $(window).height();
var winW = $(window).width();
$(id).css('left', winW/2-$(id).width()/2);

素敵なサイズ変更機能で抽出します

function resize()
{ if(current_id === undefined || current_id === false) return;
  $id = $(current_id);
  $id.css('left', $(window).width()/2-$id.width()/2);
}

ポップアップを開くときに current_id 変数を入力し、閉じるときに false に設定します

その後、ウィンドウのサイズ変更時にのみサイズ変更を呼び出します:)

window.on('resize',resize);
于 2013-01-18T13:43:22.490 に答える
0

ズームイン/アウト (Ctrl-マウス ホイール) の原因がひどい場合は、jQuery ではなく、HTML レイアウトに問題があります。style.css に #bellmore {position:absolute;left:50%;margin-left:-480px} が必要

または $('#bellmore').css('left',calculateLeft) 各サイズ変更イベントの後。

于 2013-01-18T13:41:51.790 に答える