Question

我正在使用jQuery创建一个移动网站，我想知道是否有一种方法可以将列表与页面底部对齐，我只希望列表保留在页面的最底部，并且固定在现场。感谢

这是我试图在页面底部修复的列表：

<div  data-role="content">
<div class="content-primary">   
<ul data-role="listview">

<li><a href="link.html"><img src="file.jpg" /><h3>List name</h3></a>
</li>
</div>

Answer 1

如何使用position：fixed？

示例：http://jsfiddle.net/zmjhQ/4/

更新：修改过的小提琴

Answer 2

您可以使用css绝对定位。

#list {
  position: absolute;
  bottom: 10px;
}

编辑基于您的代码示例，在jquery中：

$('.content-primary ul').css('position', 'absolute').css('bottom', 0);

Answer 3

如果你正在使用jQuery Mobile，你可以将元素包装在一个带有data-role="footer"的div中，它应该做你想要的。

请参阅net.tutsplus.com中的此内容：http://net.tutsplus.com/tutorials/javascript-ajax/how-to-build-an-rss-reader-with-jquery-mobile-2/

Answer 4

由于div类是 CONTENT-PRIMARY 所以使用jquery的“。运算符跟踪 div :: 强调文字$（'。content-primary'）然后按照Jake Feasel的说明将css的一部分放入其中

有一件事要确保您为捕获div指定的类与您在div类的属性中指定的相同。

对齐jQuery列表

4 个答案: