Android上的jQuery Mobile 1.3面板

Question

我正在使用jQuery mobile的新面板小部件。 但我认为它有一个错误。 如果其内容大于实际的“内容”，则无法在面板内部滚动。

要了解我的意思，请在Android设备上查看此内容，然后尝试在面板内滚动。

Answer 1

您可以在css添加两个attributes来修复scroll

height: 100%;
overflow-y: scroll;

<div data-role="panel" id="mypanel" style=" height: 100%; overflow-y: scroll;">

我希望这项工作可以在Android中进行，请尝试。

Answer 2

问题已通过jquery-mobile 1.3 RC1修复。

Answer 3

尝试清除ui-panel-inner并添加overflow: scroll到ui-panel

.ui-panel { 
   width: 17em; 
   min-height: 100%; 
   border-width: 0; 
   position: absolute !important; 
   overflow: scroll !important; 
   top: 0; 
   display: block; 
   padding: 0 !important; 
   margin: 0 !important; 
}

.ui-panel-inner:after { 
   content: '.'; 
   height: 0; 
   font-size: 0; 
   clear: both; 
   visibility: hidden; 
   display: block; 
}