jQuery Mobile：右侧的绝对外部面板无法正常工作

Question

我想使用外部标题和两个外部面板，一个在左边，一个在右边。问题：面板应始终在大屏幕上可见。

我在使用外部标题定位面板时遇到了一些问题（内部工作正常），使用时我可以为左面板解决

position: absolute;
left: 0;
top: 4em;

但是，使用

时，这不适用于右侧面板

position: absolute;
right: 0;
top: 4em;

将它放在左侧面板上方。

你可以在这个jsFiddle上看到这个：https://jsfiddle.net/9eb4mekr/

当我使用position: relative; float: right;代替时，右侧面板将位于右侧但位于每个其他面板之下（在jsFiddle中尝试）。

任何关于外部面板在始终可见时（大屏幕）正确定位的想法？还有一个外部标题？

Answer 1

我发现了问题。好吧，不是真正的问题，但至少是解决方案，感谢Tasos Anastasiou：将标头位置设置为fixed，例如在标题div中使用data-position="fixed"会使relative定位再次在两个面板上工作：）

这是一个更新的，有效的jsFiddle：https://jsfiddle.net/vhkmok8o/