jquery-mobile – jQuery Mobile popup内容高度超过窗口高度

jQuery Mobile popup维度仅限于具有 15px margin on the left an right sides,and a 30px margin on the top and bottom.如果内容对于这些约束而言太大,则弹出窗口变长(不宽),因此必须滚动整个页面以查看弹出内容.

我需要更改此行为,以使弹出尺寸永远不会超过窗口的高度,并使内容在弹出窗口中垂直滚动.

因此可以限制弹出窗口的大小：

$('#popup').on({
  popupbeforeposition: function() {
    var maxHeight = $(window).height() - 30
    $('#popup').css('max-height',maxHeight + 'px')
  }
})

…但是弹出内容是相同的,传递弹出窗口的底部并仍然强制用户滚动页面,而不是弹出窗口中的内容.

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

解决方法

你应该使用：

$('#popup').css('overflow-y','scroll');

这是一个有效的例子：http://jsfiddle.net/Gajotres/mmRnq/

最后的笔记

如果你想了解更多关于如何自定义jQuery Mobile页面和小部件的信息,那么请看一下这个article.它附带了很多工作示例,包括为什么是jQuery Mobile必不可少的.