Page 128 - JqueryMobile_Manual
P. 128
128
Scrollstop event
tryjqmob_events_scrollstop.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script>
$(document).on("pagecreate","#pageone",function(){
$(document).on("scrollstop",function(){
alert("Stopped scrolling!");
});
});
</script>
</head>
<body>
<div data-role="page" id="pageone">
<div data-role="header">
<h1>The scrollstop Event</h1>
</div>
<div data-role="main" class="ui-content">
<p><b>Tip:</b> Try to resize the window if the scrollbar is not available.</p>
<p>Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text
to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable
scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some
text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable
scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some
text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable
scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some
text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable
scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some
text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable
scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some
text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable
scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some
text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable
scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some
text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable
scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some
text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable
scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some
text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable
scrolling..Some text to enable scrolling..</p>
</div>
<div data-role="footer">
<h1>Footer Text</h1>
</div>
</div>
</body>
</html>
