У меня есть модальное всплывающее окно и когда оно загружает содержание, которое более высоко, чем высота браузера, которую я неспособен прокрутить вниз для просмотра остальной части информации. Вместо этого фон может прокрутить, но всплывающее окно не будет.
Вместо этого я хотел бы иметь раскрывающееся помещенное пребывание и когда пользователь прокручивает, или вниз оно оставляет всплывающее окно на месте и позволяет им прокрутить к нижней части содержания. При создании супер длинного сообщения в Facebook, всплывающее окно работает правильно, и я хотел бы знать, как я могу получить этот тот же эффект с этим управлением.
В CSS вашего модального всплывающего окна установите ширину модального всплывающего окна, затем установите overflow: auto
. Это даст вам горизонтальную полосу прокрутки. Пример:
.ModalPopupPanel
{
width:900px;
overflow:auto;
}
Итак, когда ширина содержимого превышает 900 пикселей, появится горизонтальная полоса прокрутки. То же самое верно и для вертикальной полосы прокрутки, где вам нужно установить высоту модального всплывающего окна.
Этот скрипт устанавливает высоту всплывающего окна на 90% от высоты экрана, затем вы можете установить overflow:auto;
<script type="text/javascript">
function pageLoad() {
$get('<%= Panel.ClientID %>').style.height = document.documentElement.clientHeight * 0.9 + "px";
}
</script>
вот связанный вопрос, который я задал, и решение, которое я нашел.
asp.net ModalPopupExtender : нужно показать полосу прокрутки при переполнении