Question

我有一个网站，它出来很棒，但我有一个问题，我无法弄清楚，似乎无法在网上找到答案。

http://ginosoftuscany.com/site/

单击某个位置 - 您将在图片幻灯片显示中看到模式弹出...

现在BUG）当你查看一个位置拖动窗口大小更大/更小你会看到模态不遵循CENTER，它停留在一个地方，看起来很可怕..

如果正在调整窗口大小，我可以添加一些jquery来重置吗？

如果你需要我，我会做一个jfiddle ...想象它只是一行代码。

谢谢， -O

Answer 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 var，并在关闭

时将其设置为false

之后，只在窗口调整大小时调用resize：）

window.on('resize',resize);

Answer 2

如果你的意思是放大/缩小（Ctrl-鼠标滚轮）导致看起来很糟糕，那么HTML布局中的问题，而不是jQuery中的问题。在style.css中需要#bellmore {position：absolute; left：50％; margin-left：-480px}

每次调整大小事件后，

或$（'＃bellmore'）。css（'left'，calculateLeft）。

jquery - 拖动并调整窗口大小并将模态保持在中心？

2 个答案: