0

私は Cordova 3.1.0 と Android 17 に取り組んでいます。

ポップの私のhtmlコード

   <div id="rightNavPrpPopup1" data-role="popup" class="r-menu-dropdown">
        <div class="r-menu-triangle" ></div>
        <a class="class-a" data-transition="slide">A</a>
        <a class="class-b" data-transition="slide">B</a>
        <a class="class-c" data-transition="slide">C</a>
        <a class="class-d" data-transition="slide">D</a>

    </div>

そして私のCSSは

.r-menu-dropdown{
 margin: 30px 5px 0 0;
 border-bottom: none;
}
.r-menu-dropdown a{
padding: 10px;
display: block;
color: #fff !important;
text-decoration: none;
border-bottom: 1px solid #666;
background: #555;
}
.r-menu-dropdown a:hover, .r-main-menu-dropdown a:hover{
 background: #444;
 }
 .r-menu-triangle{
 width: 0px;
 height: 0px;
 border-style: solid;
 border-width: 0 7.5px 13px 7.5px;
 border-color: transparent transparent #555 transparent;
 position: absolute;
 right: -1px;
 top: -14px;
 }

そして、私の問題は、向きが変更されたときに、cssに従ってポップが設定されないことです。ポップは（両方のモードで）中央に移動します。向きを変えなかった場合、ポップは正しく表示されます。ポップアップの飛行時に向きを変更すると、ポップアップが中央に移動し、向きを入れ替えても以前の位置に戻ることはありません。 ここに画像の説明を入力

この問題を解決するにはどうすればよいですか? 前もって感謝します

4

2 に答える 2

0

の絶対位置または固定位置を指定する必要があります.r-menu-dropdown

.r-menu-dropdown{
     position:fixed;
     right : 30px; // change according to your requirement
     top : 40px;
     border-bottom: none;
}

固定または絶対の選択は、ポップアップを残りのコンテンツとともにスクロールするかどうかによって異なります。

于 2013-11-06T05:33:01.080 に答える