jQuery Мобильное всплывающее окно, которое не перемещается при прокрутке страницы

Question

Я использую jQuery Mobile 1.3.0 RC1. У меня есть всплывающее окно, которое я создаю программно в нижней части моей страницы и закрываю через несколько секунд, используя setTimeout (уведомление тоста). Он работает очень хорошо, однако, если мне посчастливится прокручивать страницу во время отображения всплывающего окна, всплывающее окно также прокручивается. Я бы хотел, чтобы всплывающее окно не двигалось, то есть оставалось в своем положении относительно экрана, а не относительно страницы. Есть ли способ сделать это ?

Я попытался сыграть с атрибутом data-position-to в элементе HTML с опцией positionTo метода «open» и попытался разместить элемент popup внутри фиксированного прозрачного нижнего колонтитула, ни одна из них не привела к желаемое поведение.

Answer 1

У меня была аналогичная проблема на прошлой неделе. Наконец, он решил использовать modal dialog вместо всплывающих окон.

Для всплывающих окон я мог найти следующее.

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

Это помогло мне предотвратить закрытие диалога, когда пользователь коснулся вне всплывающего окна. Но проблема с прокруткой все еще была. Поэтому я изменил все всплывающие окна на модальные диалоги. Надеюсь, это поможет кому-то.