Question

我已经查看了stackoverflow上的其他帖子，但对于这么简单的任务来说，它们似乎太复杂了。

我想要做的就是在我的移动应用程序顶部有一个固定的标题，即使滚动“listview”，它也会一直停留在那里。请告诉最简单的方法来实现这一目标。现在，当我向下滚动标题确实出现但点击后它消失了。我怎么能破解这种jquery离开的行为？谢谢！

我有这个：

<!DOCTYPE html> 
<html> 
<head> 
<title>Testing Jquery</title> 

<meta name="viewport" content="width=device-width, initial-scale=1"> 

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head> 

<body> 
<div data-role="page">

<div data-role="header" data-position="fixed">
    <h1>Page Title</h1>
</div><!-- /header -->

<div data-role="content">   
    <ul data-role="listview" data-theme="g">
        <li><a href="#">Item1</a></li>
        <li><a href="#">Item2</a></li>
        <li><a href="#">Item3</a></li>
    </ul>   
</div><!-- /content -->

</div><!-- /page -->
</body>
</html>

Answer 1

Check this doc from jquerymobile.com。希望这会有所帮助。

jquery移动固定（总是在顶部）标题

1 个答案: