Мобильный модалPopupExtender?

Question

У меня проблема с ModalPopupExtender при отображении на устройстве с небольшим экраном.Высота модалов не масштабируется, чтобы поместиться в видимом окне.Потому что он центрирован, верх и низ модала обрезаются.Попытка прокрутить его прокручивает только базовую страницу, а не модальную.Кто-нибудь сталкивался с этим или есть предложения по исправлению?

Answer 1

Я решил обработать это, используя серию медиа-запросов ....

.sModalCnt {max-height:480px;overflow-y:auto}
@media only screen and (max-height:600px) {
  .sModalCnt {max-height:380px}
}
@media only screen and (max-height:500px) {
  .sModalCnt {max-height:280px}
}
@media only screen and (max-height:400px) {
  .sModalCnt {max-height:180px}
}
@media only screen and (max-height:300px) {
  .sModalCnt {max-height:80px}
}

Answer 2

Вы должны настроить панель Po-pup для использования полос прокрутки. Есть 2 способа сделать это:

1. Установите фиксированные height (например: 500px) и overflow на auto с помощью CSS.
2. Вычислите рост, используя JavaScript, вам все равно нужно установить overflow в auto с помощью CSS.

Вот пример функции JavaScript, которая устанавливает высоту в 90% высоты страницы.

function pageLoad() {
      $get('<%= Panel.ClientID %>').style.height = document.documentElement.clientHeight * 0.9 + "px";
}