android - jQuery mobile 1.3 安卓面板

Question

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

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

Answer 1

您可以添加两个attributes来css修复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; 
}