0

我正在开发 Cordova 3.1.0 和 Android 17。

我的 pop 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;
 }

而我的问题是，当我的方向发生变化时，我的 pop 没有根据 css 设置 Pop 将居中（在两种模式下）。如果我没有改变我的方向，那么我的流行音乐就会正常出现。在弹出的飞行时间，如果我改变我的方向，那么它会居中并且永远不会回到我的原始位置，即使我交换了方向。 在此处输入图像描述

我该如何解决这个问题，请帮助我？提前致谢

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 回答
0

在浏览器中调用任何重绘。在您的 css 代码中，当方向改变时，没有人可以为浏览器重新绘制。

尝试添加样式：

html, body {

width: 100%;

min-width: 100%;

height: 100%;

min-height: 100%;

}

于 2013-11-06T06:58:23.093 回答