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移動頁面和小部件然後看看t他的article。它附帶了很多工作示例，其中包括爲什麼對於jQuery Mobile來說非常重要。