jquery - 屏幕水平调整大小时弹出位置

Question

我在水平顶部菜单中有链接以打开弹出窗口。该链接是一个大约 150 像素的图像。然后有一个弹出 div 它具有与菜单图像右对齐的绝对位置。现在问题出现了，当屏幕重新调整水平尺寸时，它会失去与按钮的对齐，并且会错位。

如何使用菜单图像更改弹出窗口的位置以保持对齐

该网站使用 firebird 主题构建在 wordpress 中。我试图将它放在相对位置但没有成功。

弹出CSS，

    .quote {
    background:url('images/form-bg.png') no-repeat;width:400px !important;height:510px  !important;
    z-index:999999;position:absolute;top:77px;left:550px; padding-left:30px;padding-top:39px;display:none; 
    }

Answer 1

您应该获取菜单图像的偏移顶部并将此顶部属性设置为弹出顶部，例如：

$(document).ready(function () {
 $('#menu image').click(function(){
  var offset = $(this).offset();
  //this will represent you click menu image  
     $('#popup').css({'top':offset.top});
  });
});