javascript - jQuery对话框定位根据窗口大小自动定位

Question

我遇到了一个问题，因为 jQuery 对话框会根据窗口大小自动定位自己。

例如:

jQuery Dialog example

#dialog2

$( "#dialog2" ).dialog({
  position: [0,1000],
  autoOpen: false
});

无法正确定位到 x = 0 和 top = 1000 并在浏览器中显示滚动条。相反，它根据窗口大小来定位自己。

有什么建议吗？

我想将对话框定位在指定位置并在浏览器中显示滚动条。

Answer 1

以下内容几乎对我有用，因为垂直位置是正确的，但水平位置被破坏了。

编辑:得到了一个更好的解决方案(和 demo )，可以根据需要正确定位在窗口的左侧。

HTML

<div id="dialog">Hello World</div>

JavaScript

$('#dialog').dialog({
  position:{
    my:'left',
    at:'left',
    offset:'0 1000',
    collision:'none'
  }
});

注意:需要 jQuery、jQueryUI 和 jQueryUI 主题之一。本质上，position选项表示“将my左侧at定位在容器的左侧，水平偏移量为0px，垂直偏移量为1000 像素”。 collision 参数指示 jQueryUI 在元素溢出窗口时不要重新定位该元素(请参阅 jQueryUI position collision 文档)

最后，http://css-tricks.com/jquery-ui-position-function/还解释了图片的情况:-)