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; 
}