基于jQuery的浮动模态窗口

Question

我想做一个简单的模态窗口，如本例中的http://jqueryui.com/dialog/，当页面的主体在特定位置上上下滚动时浮动。它可以是右上、右下角或右下角。

我用过他的密码：

$(函数() {$(“#对话框”).dialog({ maxHeight: 200，宽度: 400，autoOpen: true )，显示：{效果：“盲目”，持续时间: 1000 }，隐藏：{效果：“爆炸”，持续时间: 1000 })；$(“#opener”).click(函数() {$(“#对话框”).dialog(“打开”)；})；$(窗口).scroll(函数() //在窗口滚动火之后，它将添加添加到该元素的定义像素。set = $(document).scrollTop() + "px"；//这是jQuery动画函数，用于在滚动后固定div位置。$(‘#对话框’).animate({ top: set }，{工期: 1000，queue: false }；})；}；

无论如何，这只会使文本在对话框中浮动，而不是整个窗口。

如能提供任何帮助，将不胜感激:)

Answer 1

尝试将"#dialog"选择器更改为..ui对话框“，

$(window).scroll(function () {

     //after window scroll fire it will add define pixel added to that element.
     set = $(document).scrollTop() + "px";

     //this is the jQuery animate function to fixed the div position after scrolling.
     $('.ui-dialog').animate({ top: set }, { duration: 1000, queue: false });
 });

因为一旦对话框由$('.ui-dialog') UI创建，$('# dialog ')就会转换成一个新的DOM元素，并且可以通过jQuery识别新的DOM元素