带jQuery的浮动模式窗口

我想创建一个简单的模式窗口，如本例中所示，当页面主体在特定位置上上下滚动时，该窗口将浮动。它可以是右上角、右下角或右中角

我使用了他的代码：

无论如何，这将只浮动对话框内部的文本，而不是整个窗口

任何帮助都将不胜感激：）

尝试将对话框“选择器更改为”.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 });
 });

---

因为jQuery UI创建对话框后，$（'#dialog'）将转换为新的DOM元素，并且可以通过$（'.UI dialog'）识别新的DOM元素。

请制作一个JSFIDLE并放入代码。我尝试了，但没有成功。。。html代码与您的

position:absolute

css中的相同？这是正确的。旁注：伙计，持续时间为1000，这将是一个丑陋的转变。哦，它不会转换成新的DOM元素，如果是这种情况，事件将不得不反弹，导致性能下降，而是调用

。wrap（）

。@ohgodhy感谢您的帮助clarification@Ohgodwhy我没有完全理解您的担忧，因为我不是jquery方面的专家。你能详细解释一下吗？或者告诉我应该使用的代码？

$(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 });
 });