使用Jquery Mobile,我有一个面板div来创建导航系统,并将其高度设置为浏览器的100%。如果内容超出面板的高度,css overflow-y属性允许用户滚动以查看隐藏内容。很简单吧?
现在我遇到了一些麻烦,尽管css overflow-y属性在iOS设备上运行良好,但Android却给了我一些麻烦。虽然用户能够滚动面板以查看隐藏内容,但实际内容div(
这里是演示链接
如果您在Android设备上查看此内容,则会看到我所说的问题。我想知道这是否是Android、Jquery或其他原因引起的问题。我正在使用Android 4.1、JQM 1.3.2和Jquery 1.9.1。
现在我遇到了一些麻烦,尽管css overflow-y属性在iOS设备上运行良好,但Android却给了我一些麻烦。虽然用户能够滚动面板以查看隐藏内容,但实际内容div(
div data-role="content
)也会滚动。因此,如果我在面板中有10个需要滚动的项目,主内容div也会滚动直到我到达末尾。这里是演示链接
如果您在Android设备上查看此内容,则会看到我所说的问题。我想知道这是否是Android、Jquery或其他原因引起的问题。我正在使用Android 4.1、JQM 1.3.2和Jquery 1.9.1。
CSS
.ui-panel { overflow-y:scroll; }
JS(用于设置面板高度)
$(function(){
$('.ui-panel').css({'height':($(document).height())+'px'});
$(window).resize(function(){
$('.ui-panel').css({'height':($(document).height())+'px'});
});
});