Question

 $(document).ready(function () {
var contentheight = $(".ui-page").height();
$(".ui-panel").css("height",contentheight);});

对于Jquery Mobile，面板不会扩展内容div的高度。我试图制作上面的代码，但它没有填满面板的高度。特别是如果内容有可折叠的div。

由于

Answer 1

您可以使用纯CSS执行此操作：

.ui-panel .ui-panel-inner {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;  
    -webkit-overflow-scrolling: touch;
}

这是 DEMO

如何设置面板的高度等于jquery mobile中的内容？

1 个答案: