Page 127 - JqueryMobile_Manual
P. 127
127
Scrollstart event
tryjqmob_events_scrollstart.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("scrollstart",function(){
alert("Started scrolling!");
});
});
</script>
</head>
<body>
<div data-role="page" id="pageone">
<div data-role="header">
<h1>The scrollstart Event</h1>
</div>
<div data-role="main" class="ui-content">
<p><b>Tip:</b> Try to 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>
