将DIV放在网页的底部(jquerymobile)

时间:2011-11-25 15:01:00

标签: html5 css3 jquery-mobile

我需要在每个屏幕的底部放一个横幅。屏幕分辨率可能会发生变化,因为它与jQueryMobile(iOS,Android,WP7 ......)一起运行。

我应该使用什么CSS来使用JQUERYMobile在屏幕底部修复DIV?谢谢!

3 个答案:

答案 0 :(得分:0)

我认为使用position:fixed是首选路线,但您也可以尝试使用data-role:footer。通常情况下data-role:footer用于浏览您的网站。

文档:jQuery Mobile Footer

答案 1 :(得分:0)

请注意,整个主题在JQM 1.0中仍然无法正常工作,并且固定标题动态位置(仅在停止滚动时调整)会导致一些用户不适。

我希望它能更好地融入新的职位:修复iOS5,虽然我怀疑Androids上会有这样一个不错的实现(是的,它自2.2以来就存在但是非常紧张)。

我个人不使用页脚/位置:在我的网页应用程序中修复,因为它们总是向下滚动我发现将所有内容添加到顶部标题会有更好的用户体验。

答案 2 :(得分:0)

在JQM 1.1中终于有效了。

<div data-role="footer" data-position="fixed" data-tap-toggle="false">

data-position:使页脚停留在底部 data-tap-toggle:让丑陋的点击过渡消失。