android - AndroidのjQueryモバイル1.3パネル

Question

jQuery モバイルの新しいパネル ウィジェットを使用しています。しかし、バグがあると思います。コンテンツが実際の「コンテンツ」よりも大きい場合、パネル内をスクロールできません。

意味を理解するには、Android デバイスでこれを確認し、パネル内をスクロールしてみてください。

Answer 1

問題はjquery-mobile1.3RC1で修正されています。

Answer 2

2つ追加attributesしcssて修正できますscroll

height: 100%;
overflow-y: scroll;

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

Androidでうまくいくといいのですが、試してみてください。

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