jQuery Mobile弹出内容高度超过窗口高度

Question

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')
  }
})

...但是弹出内容是相同的，通过弹出窗口的底部并仍然强制用户滚动页面，而不是弹出窗口中的内容。

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

Answer 1

您应该使用：

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

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

最后的笔记

如果您想了解有关如何自定义jQuery Mobile页面和小部件的更多信息，请查看 article 。它附带了许多工作示例，包括为什么是jQuery Mobile必不可少的。