当前位置：文江博客话题详情

移动模态弹出扩展器？

发布于 2024-12-02 04:02:33 字数 120 浏览 1 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

孤君无依 2024-12-09 04:02:33

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

设置固定的高度（例如：500px）并将溢出设置为自动CSS。
使用 JavaScript 计算高度 pup-up，您仍然需要使用 CSS 将 overflow 设置为 auto。

下面是一个 JavaScript 函数示例，它将高度设置为页面高度的 90%。

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

You have to set Po-pup's panel to use scroll bars.
There is 2 way of doing this :

Set a fixed height (ex : 500px) and overflow to auto using CSS.
Compute the height pup-up using JavaScript, you still have to set the overflow to auto with CSS.

Here an example of a JavaScript function that set the height to 90% of the page's height.

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

回复收藏 0 原文

凉墨 2024-12-09 04:02:33

我决定使用一系列媒体查询来处理它......

.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}
}

I decided to handle it using a series of media queries....

.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}
}

回复收藏 0 原文

~没有更多了~