javascript - 将页面的一部分(圆形按钮/PNG)固定在 JQuery Mobile 页面上的最佳方法？

Question

在我使用 JQuery Mobile 的元素中，我希望有一个圆形的 PNG 按钮固定在屏幕的右下角(正确处理移动方向变化等)，同时显示 JQuery Mobile 页面内容下。当下面的内容滚动或 JQuery Mobile 页面从一个页面切换到另一个页面时，该按钮应保持固定在右下角并且不会移动。

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

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

上面的内容在页面外的 JQuery 文档中停止工作(在页面内部它会在页面运行时消失并作为新页面的一部分重新出现 - 而我需要它在任何转换和页面中保持不变( data-role="page") 加载。

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

如有任何建议，我们将不胜感激。萨沙

Answer 1

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

...解决了问题。显然是我的疏忽!谢谢。