JQuery Popup Overlay работает при изменении размера браузера, но не работает на мобильных устройствах.

peterbug87

У меня очень неприятная проблема с тем, чтобы этот плагин наложения всплывающих окон работал на моем сайте.

Если я изменю размер браузера, наложение останется на 100% области просмотра, и адаптивный макет элементов div будет настроен правильно.

Однако когда я открываю всплывающее окно на iPad или iPhone, наложение выходит за пределы области просмотра, и вы едва можете прокручивать его.

Вот пример:
http://linseedstudio.com/projects/kast/purchaseinstores.html

А вот исходник плагина:
http://dev.vast.com/jquery-popup-overlay/

Буду невероятно благодарен за любые идеи о том, что может быть виновником.

Спасибо!

_Майк

Дополнительное примечание:

Я только что попробовал Safari ios, и кажется, что, хотя наложение все еще превышает ширину области просмотра после его первоначального открытия, изменение ориентации один раз делает наложение подходящим.

Однако только в Safari, не работает в Firefox или Chrome.

ruzveld

Спасибо за отзыв, интересно узнать, что у вас это работает, я очистил кеш, но это не решило проблему. Можете ли вы сказать, какой iPad и мобильный телефон вы используете? Возможно, это работает только для новых моделей.

MR-Servers.com

Спасибо за быстрый ответ, PoPSiCLe.

Я также заметил, что исходный код работает на мобильных устройствах, так что да, с реализацией определенно нужно что-то сделать.

Я прикрепил html-файл рассматриваемой страницы вместо того, чтобы вставлять все это сюда.

Дайте мне знать, если у вас будет возможность взглянуть на него и у вас возникнут какие-либо идеи.

И снова живая версия находится здесь:
http://linseedstudio.com/projects/kast/purchaseinstores.html

Еще раз спасибо!

ZiPper1

Как вы реализовали плагин на своем сайте? Примеры кода, пожалуйста. Насколько я вижу на сайте плагина, он работает отлично независимо от размера браузера/экрана, поэтому, скорее всего, ваша реализация содержит ошибки (скорее всего).

Сергей .

Я проверил это на своем iPad и не уверен, что вижу то, что вы там описываете. я пошел к тебе http://linseedstudio.com/projects/kast/purchaseinstores.html

затем я нажал на один из вариантов «нажмите, чтобы увидеть полный список». Откроется всплывающее окно, которое я могу прокрутить вниз (но не вверх). Мне не нравится тот факт, что меню исчезает, когда всплывающее окно открыто.

Мне нужно нажать «Вернуться к состояниям», чтобы снова попасть в меню.

Что касается соответствия экрану, я не вижу никаких проблем.

Возможно, вы захотите нажать кнопку перезагрузки во всех своих браузерах.

Возможно, все они кэшировали старую версию вашего сайта или что-то в этом роде. На моем мобильном телефоне выглядит так же.

Похожие темы	Дата
Нужен совет для начинающих в сфере web дизайна	19.10.2024, 18:10
Способы сделать ваш сайт более привлекательным	19.10.2024, 18:10
Как фреймворк должен ускорить загрузку страницы	19.10.2024, 18:10
Помощь! (Открыть новую функцию «страница» в HTML)	19.10.2024, 18:10
Проблемы новичков в CSS	19.10.2024, 18:10
Неперехваченная синтаксическая ошибка: неожиданный токен '<' Я новичок в скобках	19.10.2024, 18:10
Ширина столбца таблицы с фиксированным макетом таблицы — col vs th	19.10.2024, 18:10
Изображения категорий продуктов слишком большие	19.10.2024, 18:10
Проблема с изменением масштаба избранного изображения AR	19.10.2024, 18:10
Как динамически менять цвет в зависимости от фона?	19.10.2024, 18:10

JQuery Popup Overlay работает при изменении размера браузера, но не работает на мобильных устройствах.

peterbug87

ruzveld

MR-Servers.com

ZiPper1

Сергей .

I AM

Интересно