滚动页面时不移动的jQuery Mobile弹出窗口

Question

我正在使用jQuery Mobile 1.3.0 RC1。我有一个弹出窗口，我在页面底部以编程方式创建，并在几秒钟后使用setTimeout（Toast通知）关闭。它工作得很好，但是如果我在显示弹出窗口时碰巧滚动页面，弹出窗口也会滚动。我希望弹出窗口不移动，即保持相对于屏幕的位置，而不是相对于页面。有没有办法做到这一点？

我尝试使用“open”方法的positionTo选项播放HTML元素中的data-position-to属性，并尝试将弹出元素放在固定的透明页脚中，这些都没有产生所需的行为。

Answer 1

上周我遇到了类似的问题。最后使用modal dialog而不是弹出窗口来解决它。

对于弹出窗口，我可以找到以下内容。

$("#myPopup").on({
    popupbeforeposition: function () {
        $('.ui-popup-screen').off();
    }
});

这帮助我防止在用户触摸弹出窗口时关闭对话框。但滚动问题仍然存在。所以我将所有弹出窗口更改为模态对话框。希望它可以帮到某人。