0

在我使用 JQuery Mobile 的项目中，我希望将圆形 PNG 按钮固定在屏幕的右下角（正确处理移动方向更改等），而 JQuery Mobile 页面内容显示在下方。当滚动下方的内容或 JQuery Mobile 页面从一个切换到另一个时，该按钮应保持固定在右下角并且不会移动。

在没有 JQuery 的空白页面上，这个直接的 CSS 似乎可以工作：

img.roundButton {
  position: absolute !important;
  bottom: 5px;
  right: 5px;
  z-index: 99;
}

以上内容在页面外部的 JQuery 文档中停止工作（并且在页面内部，当页面出现并作为新页面的一部分重新出现时它会消失 - 而我需要它保持通过任何转换和页面（数据角色="page") 加载。

我已经尝试过 data-position="fixed" data-fullscreen="true" （对于 img 或 div data-role="footer"）但它不起作用 - 此外，在 iPhone 上，考虑到垂直位置计算错误网址工具栏，使按钮上方的适当角落位置的距离等于移动 Safari 栏的宽度，处于下降状态。

任何建议将不胜感激。萨沙

4

1 回答 1

0 
img.roundButton {
position: absolute !important;
...
}

...解决了这个问题。显然是我的疏忽！谢谢你。

于 2013-02-28T19:19:55.910 回答