widgets/scrollview_xy.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" data-scroll="none">
   7                 <p>XY Scroll</p>
   8                 <div data-scroll="xy" style="height:300px">
   9                         <div class="ui-scrollview-view" style="width:1176px">
  10                                 <img src="./test/01.jpg" height="70px">
  11                                 <img src="./test/02.jpg" height="70px">
  12                                 <img src="./test/03.jpg" height="70px">
  13                                 <img src="./test/04.jpg" height="70px">
  14                                 <img src="./test/05.jpg" height="70px">
  15                                 <img src="./test/06.jpg" height="70px">
  16                                 <img src="./test/07.jpg" height="70px">
  17                                 <img src="./test/08.jpg" height="70px">
  18                                 <img src="./test/10.jpg" height="70px">
  19                                 <img src="./test/11.jpg" height="70px">
  20                                 <img src="./test/11.jpg" height="70px">
  21                                 <img src="./test/10.jpg" height="70px">
  22                                 <img src="./test/08.jpg" height="70px">
  23                                 <img src="./test/07.jpg" height="70px">
  24                                 <img src="./test/06.jpg" height="70px">
  25                                 <img src="./test/05.jpg" height="70px">
  26                                 <img src="./test/04.jpg" height="70px">
  27                                 <img src="./test/03.jpg" height="70px">
  28                                 <img src="./test/02.jpg" height="70px">
  29                                 <img src="./test/01.jpg" height="70px">
  30                                 <img src="./test/01.jpg" height="70px">
  31                                 <img src="./test/02.jpg" height="70px">
  32                                 <img src="./test/03.jpg" height="70px">
  33                                 <img src="./test/04.jpg" height="70px">
  34                                 <img src="./test/05.jpg" height="70px">
  35                                 <img src="./test/06.jpg" height="70px">
  36                                 <img src="./test/07.jpg" height="70px">
  37                                 <img src="./test/08.jpg" height="70px">
  38                                 <img src="./test/10.jpg" height="70px">
  39                                 <img src="./test/11.jpg" height="70px">
  40                                 <img src="./test/11.jpg" height="70px">
  41                                 <img src="./test/10.jpg" height="70px">
  42                                 <img src="./test/08.jpg" height="70px">
  43                                 <img src="./test/07.jpg" height="70px">
  44                                 <img src="./test/06.jpg" height="70px">
  45                                 <img src="./test/05.jpg" height="70px">
  46                                 <img src="./test/04.jpg" height="70px">
  47                                 <img src="./test/03.jpg" height="70px">
  48                                 <img src="./test/02.jpg" height="70px">
  49                                 <img src="./test/01.jpg" height="70px">
  50                                 <img src="./test/01.jpg" height="70px">
  51                                 <img src="./test/02.jpg" height="70px">
  52                                 <img src="./test/03.jpg" height="70px">
  53                                 <img src="./test/04.jpg" height="70px">
  54                                 <img src="./test/05.jpg" height="70px">
  55                                 <img src="./test/06.jpg" height="70px">
  56                                 <img src="./test/07.jpg" height="70px">
  57                                 <img src="./test/08.jpg" height="70px">
  58                                 <img src="./test/10.jpg" height="70px">
  59                                 <img src="./test/11.jpg" height="70px">
  60                                 <img src="./test/11.jpg" height="70px">
  61                                 <img src="./test/10.jpg" height="70px">
  62                                 <img src="./test/08.jpg" height="70px">
  63                                 <img src="./test/07.jpg" height="70px">
  64                                 <img src="./test/06.jpg" height="70px">
  65                                 <img src="./test/05.jpg" height="70px">
  66                                 <img src="./test/04.jpg" height="70px">
  67                                 <img src="./test/03.jpg" height="70px">
  68                                 <img src="./test/02.jpg" height="70px">
  69                                 <img src="./test/01.jpg" height="70px">
  70                                 <img src="./test/01.jpg" height="70px">
  71                                 <img src="./test/02.jpg" height="70px">
  72                                 <img src="./test/03.jpg" height="70px">
  73                                 <img src="./test/04.jpg" height="70px">
  74                                 <img src="./test/05.jpg" height="70px">
  75                                 <img src="./test/06.jpg" height="70px">
  76                                 <img src="./test/07.jpg" height="70px">
  77                                 <img src="./test/08.jpg" height="70px">
  78                                 <img src="./test/10.jpg" height="70px">
  79                                 <img src="./test/11.jpg" height="70px">
  80                                 <img src="./test/11.jpg" height="70px">
  81                                 <img src="./test/10.jpg" height="70px">
  82                                 <img src="./test/08.jpg" height="70px">
  83                                 <img src="./test/07.jpg" height="70px">
  84                                 <img src="./test/06.jpg" height="70px">
  85                                 <img src="./test/05.jpg" height="70px">
  86                                 <img src="./test/04.jpg" height="70px">
  87                                 <img src="./test/03.jpg" height="70px">
  88                                 <img src="./test/02.jpg" height="70px">
  89                                 <img src="./test/01.jpg" height="70px">
  90                         </div>
  91                 </div>
  92         </div><!-- /content -->
  93         <div data-role="footer">
  94         </div>
  95 </div> <!-- /page -->