header - 如何使用数据位置为 'fix' 的 jquery mobile ="fixed"页眉页脚位置

Question

我正在使用 jquery mobile，对于页眉/页脚，我使用的是 data-position="fixed"。

但是，当我们滚动页面时......页眉页脚消失并在滚动停止时重新出现..
有没有一种方法可以让它固定在屏幕上并在您滚动时一直显示？

我只能想到一种方法是应用位置固定而不是对这些元素使用 jquerymobile..

Answer 1

我尽力让它发挥作用。如果你愿意，你可以删除将页眉和页脚类从 .ui-fixed-overlay 更改为 .ui-fixed-inline 的函数，并从 .fade.in 和 .fade.out 中删除 webkit 动画，但我已经有了没有锁防止 window 消失。但是，我相信 JQM 只会在您滚动后重新计算页眉和页脚元素的位置。

我将以下 css 放在页面 div 中以删除 webkit 动画。

.ui 固定内联 {
不透明度:1!重要；
显示:阻止!重要；
-webkit-animation-name:none!important;
}
。淡入淡出 {
不透明度:1!重要；
-webkit-animation-name:none!important;
显示:阻止!重要；
}

我知道这不是你想要的，但它确实加快了页眉和页脚元素的重新出现(它看起来有点断断续续。)除非你想重写控制页眉和页脚定位的 JQM javascript，我不认为有任何简单的方法可以做到这一点，因为 JQM 固定位置代码被构建为在用户滚动后重新定位。如果我找到方法，我会继续寻找和编辑这个答案。