将内容修复到页面顶部Jquery mobile

时间:2012-07-27 00:12:28

标签: jquery css jquery-mobile

我有一个列表视图的页面和列表顶部的一些信息。我想修复此信息,以便当用户滚动列表时,信息仍然可见。

这是我的tried

正如您所看到的,div id: #fixed-info已修复,但显示在页面底部。我需要它在标题(也是固定的)和列表视图之间显示。

任何想法?

3 个答案:

答案 0 :(得分:0)

您是否尝试过实施position:static; ?我读到这是想要使用位置的人的修复:修复;在一个元素上

答案 1 :(得分:0)

您可以将以下css样式添加到info div:

 top:20px;
 z-index:10;

你的顶级css的值将是标题的高度。

答案 2 :(得分:0)

我更新了你的小提琴:http://jsfiddle.net/kPLK4/19/

希望这就是你要找的东西。

注意:我给固定div一个'固定'的id和'固定顶'的数据位置,然后我还添加了一些简单的样式,使它看起来更正常。更改红色背景以匹配列表的背景,你应该很高兴。