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

Question

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

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

Answer 1

上周我遇到了类似的问题。最后使用模态对话框而不是弹出窗口解决了它。

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

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

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