Как я могу заставить модальное всплывающее окно прокрутить свое содержание со страницей?

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

Вместо этого я хотел бы иметь раскрывающееся помещенное пребывание и когда пользователь прокручивает, или вниз оно оставляет всплывающее окно на месте и позволяет им прокрутить к нижней части содержания. При создании супер длинного сообщения в Facebook, всплывающее окно работает правильно, и я хотел бы знать, как я могу получить этот тот же эффект с этим управлением.

7
задан Middletone 12 December 2009 в 18:34
поделиться

3 ответа

Put style overflow: auto on the container block.

0
ответ дан 7 December 2019 в 03:16
поделиться

В CSS вашего модального всплывающего окна установите ширину модального всплывающего окна, затем установите overflow: auto . Это даст вам горизонтальную полосу прокрутки. Пример:

.ModalPopupPanel
{
  width:900px;
  overflow:auto;
}

Итак, когда ширина содержимого превышает 900 пикселей, появится горизонтальная полоса прокрутки. То же самое верно и для вертикальной полосы прокрутки, где вам нужно установить высоту модального всплывающего окна.

5
ответ дан 7 December 2019 в 03:16
поделиться

Этот скрипт устанавливает высоту всплывающего окна на 90% от высоты экрана, затем вы можете установить overflow:auto;

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

вот связанный вопрос, который я задал, и решение, которое я нашел.

asp.net ModalPopupExtender : нужно показать полосу прокрутки при переполнении

2
ответ дан 7 December 2019 в 03:16
поделиться
Другие вопросы по тегам:

Похожие вопросы: