jquery mobile固定(始终在顶部)标题

标签 jquery mobile header fixed

我已经浏览了 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>

最佳答案

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

关于jquery mobile固定(始终在顶部)标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9284895/

相关文章:

jquery - 如何使用 jQuery 实现这种轮播效果(挑战……好吧,对我来说)

javascript - Internet Explorer 跳动滚动

android - 使用客户端 SSL 身份验证时如何/在哪里存储 keystore 密码?

javascript - 根据单击的行更改标题值?

c# - 在 .bin 文件中查找 bmp

html - 带有页眉、页脚和正文的简单 div

javascript - Jquery 计算元素中的字符并给太短的字符填充

javascript - 在页面上创建多个 google.visualization 图表

javascript - 我如何制作可在 android、iphone、ipad 上运行的移动版网站?

html - 固定定位的标题在桌面上持续存在但在移动设备上不存在?