widgets/scrollview_y.html

   1 <!DOCTYPE html>
   2 <div data-role="page" data-add-back-btn="true">
   3         <div data-role="header" data-position="fixed">
   4                 <h1>Scrollview</h1>
   5         </div>
   6         <div data-role="content">
   7                 <p>Vertical Scroll</p>
   8                 <div style="height:300px;border-style:dotted;border-width:1px" data-scroll="y" align="center">
   9                         <img src="./test/01.jpg" width="95%">
  10                         <img src="./test/02.jpg" width="95%">
  11                         <img src="./test/03.jpg" width="95%">
  12                         <img src="./test/04.jpg" width="95%">
  13                         <img src="./test/05.jpg" width="95%">
  14                         <img src="./test/06.jpg" width="95%">
  15                         <img src="./test/07.jpg" width="95%">
  16                         <img src="./test/08.jpg" width="95%">
  17                         <img src="./test/09.jpg" width="95%">
  18                         <img src="./test/10.jpg" width="95%">
  19                         <img src="./test/11.jpg" width="95%">
  20                 </div>
  21         </div><!-- /content -->
  22         <div data-role="footer">
  23         </div>
  24 </div> <!-- /page -->