我使用jquery mobile,对于页眉/页脚,我使用data-position="fixed“。
然而,当我们滚动页面时...页眉页脚消失,并在滚动停止时重新出现。有没有一种方法可以让它固定在屏幕上,当你一直滚动的时候?
我只能想到一种方法,就是应用位置固定,而不是为这些元素使用jquerymobile。
发布于 2011-06-17 00:14:19
我尽了我最大的努力让它正常工作。如果你愿意,你可以删除将页眉和页脚类从.ui-fixed-overlay改为.ui-fixed-inline的函数,并从.fade.in和.fade.out中删除webkit动画,但我没有阻止窗口消失的锁。然而,我相信JQM只会在你滚动后重新计算页眉和页脚元素的位置。
我在页面div中添加了以下css来删除webkit动画。
.ui-固定-内联{不透明度:1!重要;显示:块!重要;-webkit-动画-名称:无!重要;} .fade.in,.fade.out {不透明度:1!重要;-webkit-动画-名称:无!重要;显示:块!重要;}
我知道这不是您想要的,但它确实加快了页眉和页脚元素的重新出现(它看起来有点起伏)。除非你想重写控制页眉和页脚定位的JQM javascript,否则我不认为有任何简单的方法可以做到这一点,因为JQM的固定位置代码是为了在用户滚动后重新定位而构建的。如果我找到一个方法,我会继续寻找并编辑这个答案。
发布于 2011-12-01 11:37:16
Chase代码的一个更简单的版本对我来说很好:
/* sass - remove toolbar fade */
.nofade{
&.in, &.out {
-webkit-animation-name:none;
}
}
请注意,点击隐藏工具栏使用相同的淡入淡出属性,因此需要满足以下条件:
$.mobile.fixedToolbars.setTouchToggleEnabled false # coffeescript
https://stackoverflow.com/questions/6364227
复制相似问题