asp.net - 移动 ModalPopupExtender？

Question

当在小屏幕设备上显示时，我遇到了 ModalPopupExtender 的问题。模态高度不会重新缩放以适应可 window 口。因为它居中，所以模态的顶部和底部被剪裁了。尝试滚动它只会滚动底层页面而不是模态页面。有人遇到过这个问题或有修复建议吗？

Answer 1

您必须将 Po-pup 的面板设置为使用滚动条。有两种方法可以做到这一点:

1. 使用 CSS 将固定的高度(例如:500px)和overflow设置为auto。
2. 使用 JavaScript 计算高度 pup-up，您仍然需要使用 CSS 将 overflow 设置为 auto。

此处是将高度设置为页面高度的 90% 的 JavaScript 函数示例。

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