如何使用jquery mobile与data-position =“fixed”“修复”页眉页脚位置

Question

我正在使用jquery mobile和页眉/页脚我正在使用data-position =“fixed”。

但是，当我们滚动页面时...页眉页脚会消失，当滚动停止时会重新出现。 有没有办法我们可以在你滚动的时候在屏幕上固定一个节目？

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

Answer 1

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

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

.ui-fixed-inline {     不透明度：1！重要;     ！显示：块重要;     -webkit-动画名称：无重要;！ } 。淡入淡出 {     不透明度：1！重要;     -webkit-动画名称：无重要;！     ！显示：块重要; }

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

Answer 2

Chase代码的简单版本对我来说很好用：

/* sass - remove toolbar fade */
.nofade{
 &.in, &.out {
    -webkit-animation-name:none;
 }
}

请注意，点击隐藏工具栏使用相同的淡入淡出属性，因此需要以下内容：

$.mobile.fixedToolbars.setTouchToggleEnabled false  # coffeescript