android - 弹出菜单随 jquerymobile 中的页面滚动

Question

我在我的应用程序中创建了一个弹出菜单问题是当我打开弹出菜单然后滚动页面弹出菜单也会随着页面向上滚动即使我尝试使用 data-dismissible="false"但什么也没有仍然发生问题仍然存在。 提前致谢。

Answer 1

这个问题有一个简单的解决方法。只是在弹出窗口处于 Activity 状态时阻止页面滚动。

工作 jsFiddle 示例:http://jsfiddle.net/Gajotres/aJChc/

为此，弹出窗口需要有一个属性:data-dismissible="false" 它会防止在弹出窗口外单击时关闭弹出窗口。可以使用另一个属性:data-overlay-theme="a" 它将颜色弹出覆盖 div。这是一个 DIV，它在弹出窗口打开时覆盖屏幕并防止弹出窗口关闭。

并且此 javascript 将适用于所有可能的弹出窗口:

$(document).on('popupafteropen', '[data-role="popup"]' ,function( event, ui ) {
    $('body').css('overflow','hidden');
}).on('popupafterclose', '[data-role="popup"]' ,function( event, ui ) {
    $('body').css('overflow','auto');
});