jquery - 将内容固定到页面顶部 Jquery mobile

Question

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

这是我尝试过的

如您所见，divwithid: #fixed-info是固定的，但显示在页面底部。我需要它显示在标题（也是固定的）和列表视图之间。

有任何想法吗？

Answer 1

您是否尝试过实施 position:static; ? 我读到这是想要使用 position:fixed; 的人的解决方法。在一个元素上

Answer 2

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

 top:20px;
 z-index:10;

您的顶部 css 的值将是您的标题的高度。

Answer 3

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

希望这就是你要找的。

注意：我给固定 div 一个 'fixed' 的 id 和一个 'fixed top' 的数据位置，然后我还添加了一些简单的样式让它看起来更正常一点。更改红色背景以匹配列表的背景，您应该一切顺利。