Jquery mobile jQuery移动弹出内容高度超过窗口高度

Jquery mobile jQuery移动弹出内容高度超过窗口高度,jquery-mobile,popup,Jquery Mobile,Popup,尺寸仅限于具有一个。如果内容对于这些约束来说太大,则弹出窗口会变长(而不是变宽),因此必须滚动整个页面才能查看弹出内容 我需要改变这种行为,使弹出窗口的尺寸永远不会超过窗口的高度,并使内容在弹出窗口内垂直滚动 可以通过以下方式限制弹出窗口的大小: $('#弹出框')。打开({ PopupBeforLocation:函数(){ var maxHeight=$(窗口).height()-30 $(“#弹出窗口”).css('max-height',maxHeight+'px') } }) …但是弹

尺寸仅限于具有一个。如果内容对于这些约束来说太大,则弹出窗口会变长(而不是变宽),因此必须滚动整个页面才能查看弹出内容

我需要改变这种行为,使弹出窗口的尺寸永远不会超过窗口的高度,并使内容在弹出窗口内垂直滚动

可以通过以下方式限制弹出窗口的大小:

$('#弹出框')。打开({
PopupBeforLocation:函数(){
var maxHeight=$(窗口).height()-30
$(“#弹出窗口”).css('max-height',maxHeight+'px')
}
})
…但是弹出内容是相同的,通过弹出窗口的底部,仍然强制用户滚动页面,而不是弹出窗口中的内容

如何允许弹出内容在弹出窗口内垂直滚动?

您应该使用:

$('#popup').css('overflow-y', 'scroll');    
下面是一个工作示例:

最终注释

如果您想了解更多关于如何定制jQuery移动页面和小部件的信息,请查看此。它附带了很多工作示例,包括why is!对于jquerymobile来说很重要

@Gajotres:只有当弹出窗口大于用户的视口时,如何执行此操作?