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

Question

jQuery Mobile 弹出窗口的尺寸限制为左侧和右侧的边距为 15px，顶部和底部的边距为 30px。如果内容对于这些约束来说太大，那么弹出窗口会变长（而不是更宽），因此必须滚动整个页面才能查看弹出内容。

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

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

$('#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 页面和小部件的信息，请查看这篇文章。它附带了许多工作示例，包括为什么 !important 对于 jQuery Mobile 是必需的。