滾動頁面時不移動的jQuery Mobile彈出窗口

Question

我正在使用jQuery Mobile 1.3.0 RC1。我有一個彈出窗口，在我的頁面底部以編程方式創建，並在幾秒鐘後使用setTimeout（Toast通知）關閉。它工作得很好，但是如果我在顯示彈出窗口的同時滾動頁面，彈出窗口也會滾動。我希望彈出窗口不移動，即保持相對於屏幕的位置，而不是相對於頁面。有沒有辦法做到這一點 ？

我試着玩HTML元素中的數據位置屬性，使用「打開」方法的positionTo選項，並嘗試將彈出式元素放置在固定的透明頁腳內，這些都不會導致期望的行爲。

Answer 1

上週我有類似的問題。最後用modal dialog代替彈出來解決它。

對於彈出窗口，我可以找到以下內容。

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

這幫助我防止在用戶觸摸彈出窗口時關閉對話框。但滾動問題仍然存在。所以我將所有彈出窗口改爲模態對話框。希望它能幫助別人。