javascript - jQuery 手机 : absolute external panel on right side not working

标签 javascript jquery html css jquery-mobile

我想使用一个外部页眉和两个外部面板,一个在左边,一个在右边。要点:面板应始终在大屏幕上可见。

我在使用外部标题定位面板时遇到了一些问题(内部工作正常),我可以在使用时解决左侧面板

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

但是,这不适用于右侧面板,使用

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

只需将其放在左侧面板上方即可。

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

当我使用 position: relative; float: right; 相反,右侧面板将位于右侧但低于所有其他面板(在 jsFiddle 中尝试)。

关于始终可见(大屏幕)时外部面板的正确定位有什么想法吗?加上一个外部 header ?

最佳答案

我发现了问题。好吧,这不是真正的问题,但至少是解决方案,感谢 Tasos Anastasiou : 将标题位置设置为 fixed,例如在标题 div 中使用 data-position="fixed" 将使 relative 定位在 both 面板上再次起作用:)

这是一个更新的、可以工作的 jsFiddle:https://jsfiddle.net/vhkmok8o/

关于javascript - jQuery 手机 : absolute external panel on right side not working,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30411769/

相关文章:

javascript - 如何在某人的网页上添加自己的图层?

javascript - 使用python将base64字符串转换为png图像

javascript - 如何在 for 循环的每次传递中增加动画延迟

html - 导航栏上的按钮会导致导航栏高度增加

javascript - Rxjs:将数组字段中的每个元素从对象的可观察对象映射到另一个可观察对象

javascript - 如何让 D3 数据驱动文档在正确的时区显示 moment.js 日期时间?

JavaScript - 基于发送对象属性执行函数

javascript - 如何将 JavaScript 数据传递到 jQuery DataTables

html - 歌曲结束后,如何使用音频标签播放下一个 “player”

css - 子 div 延伸出父 div