0

Android用のCordova 2.5.0アプリで、ポップアップのようなライトボックスを作成しました. 今、私はできない内側のdivをスクロールしたいです。それは次の構造を持っています<div>

___________#lightbox_____________
|                               |
|     _______#header_________   |
|     |                     |   |
|     _______________________   |
|                               |
|     _____#wantToScroll_____   |
|     |                     |   |
|     |                     |   |
|     |                     |   |
|     |                     |   |
|     |  but doesn't        |   |
|     |                     |   |   
|     _______________________   |

#ライトボックスのCSS

width:100%;
height:100%;
overflow:hidden;
float:left;
position:absolute;
top:0;
left:0;
display:none;
background:rgba(0,0,0,.7);

#ヘッダーのcss

text-align:center;

#wantToScroll の css

  font-size:large;
    color:black;
    padding:1% 3%;
    line-height:1.5 em;
    max-height:70%;
    position:relative;
    overflow:auto;
    -webkit-overflow-scrolling: touch;

これを行う方法？phonegap がネイティブの scrollview などと競合するという問題はありますか? 私が結論に達した限り、そうではありません。問題はポジショニングです。しかし、相対位置、固定位置、絶対位置のすべての組み合わせを試しました。

sencha や iscroll などの外部プラグインの使用はお勧めしません。これらがなければ解決策が必要だと思います。

4

4 に答える 4

1

私はアンドロイドに精通していませんが、そうではありません：

#wantToScroll の css

overflow: scroll;
于 2013-05-31T14:49:22.357 に答える
1

Androidについても何も知りませんが、古き良きCSSのように見えます。

overflow: scroll;

HEREは、通常の Web サイト スタイルでそれを行う方法の jsfiddle です。

于 2013-05-31T18:56:35.163 に答える
1 
overflow: scroll

Android 2.3.x では動作しません。

ドラッグ イベントをリッスンして、自分でスクロールを作成する必要があります。

iScrollライブラリを参照してください

于 2013-06-11T08:18:26.703 に答える