jQuery模态窗口定位

Question

我无法使此模式对话框工作属性。

问题是，在浏览器将设置在页面的顶部。因此，如果用户滚动到页面的底部，则不会显示黑色背景，而只显示模式窗口。

此外，如果窗口小于特定高度，比如200px，则看不到对话框。

我希望它将对话框设置为无论用户在哪里，并在屏幕中间显示对话框，而不管它们在页面中的滚动位置。

请参阅JS BIN示例。

Answer 1

.modal面罩应该有

position: fixed; 

，你应该得到的.modal窗口的outerWidth和outerHeight包括填充。 此外，应该通过点击计算左侧和顶部位置，以便即使在窗口更改尺寸时它们也是准确的。 http://jsfiddle.net/VirusZ/XqAFy/

Answer 2

要获得完整背景遮挡，请将.modal-mask的高度设置为$（window）.height（）而不是100％。