У меня есть правая кнопка в заголовке. Когда вы нажмете кнопку, отобразится меню всплывающего списка. Но когда я прокручиваю страницу вниз, заголовок прокручивается вниз. Но всплывающее меню держится сверху. Как я могу создать всплывающее меню с заголовком? Ниже мой код.JQuery popup menu no stick with header
<html>
<head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"></script>
<style>
</style>
</head>
<body>
<div data-role="page">
<div data-role="header" data-position="fixed">
<h1>Chats</h1>
<a id="chatpageicon" href="#photopopup" data-rel="popup" data-position-to="origin" data-role="button" data-theme="b" data-icon="plus" data-form="ui-icon" data-iconpos="notext" class="ui-btn-b ui-shadow ui-corner-all ui-icon-plus ui-btn-right ui-btn-icon-notext ui-btn-up-b" ></a>
<div data-role="popup" id="photopopup">
<ul data-role="listview" data-inset="true" style="min-width:150px;position:fixed;right:30px;">
<li><a href="#">List1</a></li>
<li><a href="#">List2</a></li>
</ul>
</div>
</div>
<div data-role="content">
<p>asd</p>
<p>asd</p>
<p>asd</p>
<p>asd</p>
<p>asd</p>
<p>asd</p>
<p>asd</p>
<p>asd</p>
<p>asd</p>
<p>asd</p>
<p>asd</p>
<p>asd</p>
<p>asd</p>
<p>asd</p>
<p>asd</p>
<p>asd</p>
<p>asd</p>
<p>asd</p>
<p>asd</p>
<p>asd</p>
<p>asd</p>
<p>asd</p>
</div>
</div>
</body>
</html>
После прокрутки вниз, всплывающее меню по-прежнему держать в таком же положении:
Как сделать это склеить с моим заголовком? Даже прокрутите до конца. Благодаря
Обновлено:
Я отредактировал мой код (см «Nisal Упендра» решение), вопрос для второго снимка экрана фиксируется. Но если я сначала прокручу вниз и нажмите кнопку заголовка. меню есть всплывающее окно в центре экрана, как изображение, как показано ниже:
Если я нажимаю всплывающее окно, прежде чем прокрутка будет работать, но если щелкнуть всплывающее окно после прокрутки в первую очередь. Всплывающее окно убегает. –
это работает, проверьте эту другую скрипку. Я проверил это. http://jsfiddle.net/uoe8thcq/ Удостоверьтесь, что у вас есть все рамки и расширения внутри, как в скрипке. –
Я редактировал свой вопрос и добавлял снимок экрана для моей проблемы. Пожалуйста ознакомтесь –