jquery mobile исправил (всегда сверху) заголовок - PullRequest
5 голосов
/ 15 февраля 2012

Я просматривал другие сообщения на stackoverflow, но они кажутся слишком сложными для такой простой задачи.

Все, что я хочу сделать, - это иметь фиксированный заголовок поверх моего мобильного приложения, который ВСЕГДА будет оставаться там, даже когдаЯ прокручиваю «просмотр списка».Пожалуйста, расскажите самый простой способ добиться этого.Прямо сейчас, когда я прокручиваю вниз, заголовок действительно появляется, но после нажатия он исчезает.Как я могу взломать этот 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>

1 Ответ

4 голосов
/ 02 октября 2012
...