首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用jquery mobile with data- position ="fixed“来‘修复’页眉页脚位置

如何使用jquery mobile with data- position ="fixed“来‘修复’页眉页脚位置
EN

Stack Overflow用户
提问于 2011-06-16 04:54:36
回答 2查看 4.5K关注 0票数 4

我使用jquery mobile,对于页眉/页脚,我使用data-position="fixed“。

然而,当我们滚动页面时...页眉页脚消失,并在滚动停止时重新出现。有没有一种方法可以让它固定在屏幕上,当你一直滚动的时候?

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

EN

回答 2

Stack Overflow用户

发布于 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的固定位置代码是为了在用户滚动后重新定位而构建的。如果我找到一个方法,我会继续寻找并编辑这个答案。

票数 2
EN

Stack Overflow用户

发布于 2011-12-01 11:37:16

Chase代码的一个更简单的版本对我来说很好:

代码语言:javascript
运行
复制
/* sass - remove toolbar fade */
.nofade{
 &.in, &.out {
    -webkit-animation-name:none;
 }
}

请注意,点击隐藏工具栏使用相同的淡入淡出属性,因此需要满足以下条件:

代码语言:javascript
运行
复制
$.mobile.fixedToolbars.setTouchToggleEnabled false  # coffeescript
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6364227

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档