滚动jQuery UI模式覆盖不滚动

我正在构建一个简单的模式弹出对话框。基本的工作，但我想对话框滚动，使用主页滚动条来控制它

我不确定这是jquery问题还是css问题。

我所追求的效果如下： （单击图像，然后滚动外部窗口滚动条）

我的代码在这里：

CSS:

}

我知道我给出的例子是使用colorbox插件，但我希望这种效果在标准的jQuery UI中是可能的

jsfiddle：

添加jQuery的位：

var postop = $('dialog').offset().top;

$(window).scroll(function() {
   $('.dialog').css('top', postop);
});

并更改您的

。对话框

div位置：

.dialog {
   position: absolute;
}

---

我找到了我想要的Twitter引导扩展

---

滚动时是否希望对话框保持在窗口中？是的，因此整个外部窗口都会滚动（这就是为什么我在背景中添加了所有的lorum）。我认为将

高度：100%

赋予

覆盖将解决问题。如果没有，请举个例子来感谢Morpheus。它不起作用，但我确实将它添加到了JSFIDLE中。外部窗口会滚动，但模式对话框不会随之滚动。请参阅我的答案，希望这对您有所帮助
.dialog {
   position: absolute;
}