当前位置: 首页 > 面试题库 >

jQuery Mobile:将页脚置于页面底部

步骏
2023-03-14
问题内容

有什么方法可以牢记jQuery Mobile框架的操作方式来修复页面,以便页脚始终与页面底部对齐-不管高度如何。

按照目前的情况,jQuery页面的高度将发生变化,尤其是当设备从纵向旋转为横向时,因此解决方案必须考虑到这一点。

只是为了澄清-我不需要页脚位于视口的底部,而只是为了使默认页面高度不低于视口高度而工作。

谢谢。


问题答案:

您可以在CSS文件中添加此代码:

[data-role=page]{height: 100% !important; position:relative !important;}
[data-role=footer]{bottom:0; position:absolute !important; top: auto !important; width:100%;}

因此,页面数据角色现在具有100%的高度,并且页脚处于绝对位置。

此外,Yappo还编写了一个出色的插件,您可以在这里找到:iScroll插件中的jQuery Mobile

希望你找到答案!

答案更新

现在,您可以使用该data-position="fixed"属性将页脚元素保持在底部。



 类似资料:
  • 问题内容: 我在浏览器底部放置页脚时遇到了经典问题。我尝试过包括在内的方法,但效果不佳:我的页脚始终始终显示在FF和FF中的浏览器窗口中间IE浏览器 在HTML中,我得到了这个简单的结构 这是与css页脚问题相关的css代码: 我在哪里做错了?我真的已经尝试了一切。如果我错过了任何有用的信息,请告诉我。 谢谢您提前提出任何建议。 问候, 谢谢大家的答案。它适用于: 设置位置:固定由于某种原因在IE

  • 这是我的HTML: 这是我的CSS,仅用于页脚:

  • 问题内容: 任何人都可以解释如何将页脚div与页面底部对齐。从我所看到的示例中,它们都显示了如何使div保持在底部可见,无论您将页面滚动到何处。虽然我不想要那样。我希望它固定在页面的底部,所以它不会移动。感谢帮助! 问题答案: 更新 我的原始答案来自很久以前,并且链接已断开;更新它,使其继续有用。 我包括内联的更新解决方案,以及JSFiddle上的工作示例。注意:尽管没有内联那些样式,但我依赖CS

  • 问题内容: 我通常熟悉使用CSS刷新页脚的技术。 但是我很难在Twitter引导程序中使用这种方法,这很可能是由于Twitter引导程序本质上是响应式的。使用Twitter引导程序,我无法使用上述博客文章中描述的方法使页脚刷新至页面底部。 问题答案: 发现这里的代码片段非常适合引导 HTML: CSS:

  • 我想要一个: > 在页面底部,即使 在身体的正常流动中,在