jquery移动固定页脚随页面滚动
我正在尝试在我的网站上实现固定的页脚。
我的问题是，当我滚动页面时，页脚与内容重叠。滚动完成后，它会返回到底部。这是标准行为吗？
I checked this link。它可以在桌面浏览器上运行。即。页脚在滚动时保持不变。但在移动设备(Android)上，它会与页面一起滚动。我能让它真正修好吗？
编辑:已添加HTML
<div data-role="footer" data-iconpos="left" data-id="jefooter" data-theme="b" data-position="fixed" data-tap-toggle="false">
<div data-role="navbar">
<ul>
<li>
<a href="/welcome" data-icon="jehome" data-iconpos="notext" data-direction="reverse" data-ajax="false">Home</a>
</li>
<li>
<a href="/mobile/users/settings" id="user_auth" data-icon="jesettings" data-iconpos="notext" data-transition="fade" data-ajax="false">My Settings</a>
</li>
<li>
<a href="/mobile/help" data-icon="jehelp" data-iconpos="notext" data-transition="fade" data-ajax="false">Help</a>
</li>
</ul>
</div>
</div>你可以在m.qa.hungryzone.com上看到这个页面
编辑2：
Android版本为2.3.5
回答 3
Stack Overflow用户
发布于 2012-08-17 17:14:54
不幸的是，这似乎是运行jQuery 2.3.5 - 2.3.6的设备上的Android存在的一个错误。
jQuery移动公司的人把矛头指向谷歌：
...this确实看起来有点小问题--安卓系统的一种倒退，谷歌似乎会在以后的版本中修复，但随着所有安卓系统问题的出现，这一点并不清楚，也不一致。
打开的错误报告和更多详细信息可在此处找到：https://github.com/jquery/jquery-mobile/issues/4281
Stack Overflow用户
发布于 2012-08-30 16:33:57
我把它改成了
<meta name="viewport" content="width=device-width, initial-scale=1" />使用
<meta name="viewport" content="user-scalable=no,width=device-width" />在html的标头中。
并在页脚中添加一个新类和data-role='footer‘
.footer {
position: fixed;
z-index: 10;
bottom: 0;
width: 100%;
}Stack Overflow用户
发布于 2012-08-17 09:43:40
您使用的是最新版本的jQuery手机吗？它仍然不是完美的，但比旧版本更好。这是最新的(1.2.0 alpha)...
http://jquerymobile.com/blog/2012/08/01/announcing-jquery-mobile-1-2-0-alpha/#download
编辑
您可以停止使用jQuery移动固定页脚，并将此类添加到您的页脚中：
.custom-fixed-footer {
position: fixed !important;
left: 0px !important;
right: 0px !important;
bottom: 0px !important;
z-index: 999 !important;
}https://stackoverflow.com/questions/11998685
复制相似问题
腾讯云开发者
