demos/tizen-winsets/widgets/fast-scroll.html

   1 <div data-role="page" id="shortcutscroll-demo"  data-add-back-btn="true" data-fit-page-to-window="true">
   2         <div data-role="header" data-position="fixed">
   3                 <h1>Short cut scroll (aka fast scroll)</h1>
   4         </div><!-- header -->
   5
   6         <div class="content" data-role="content" data-scroll="y">
   7                 <ul id="contacts" data-role="listview" data-shortcutscroll="true">
   8                         <li data-role="list-divider">A</li>
   9                         <li>Anton</li>
  10                         <li>Arabella</li>
  11                         <li>Art</li>
  12                         <li data-role="list-divider">B</li>
  13                         <li>Barry</li>
  14                         <li>Bibi</li>
  15                         <li>Billy</li>
  16                         <li>Bob</li>
  17                         <li data-role="list-divider">D</li>
  18                         <li>Daisy</li>
  19                         <li>Derek</li>
  20                         <li>Desmond</li>
  21                         <li data-role="list-divider">E</li>
  22                         <li>Eric</li>
  23                         <li>Ernie</li>
  24                         <li>Esme</li>
  25                         <li data-role="list-divider">F</li>
  26                         <li>Fay</li>
  27                         <li>Felicity</li>
  28                         <li>Francis</li>
  29                         <li>Frank</li>
  30                         <li data-role="list-divider">H</li>
  31                         <li>Harry</li>
  32                         <li>Herman</li>
  33                         <li>Horace</li>
  34                         <li data-role="list-divider">J</li>
  35                         <li>Jack</li>
  36                         <li>Jane</li>
  37                         <li>Jill</li>
  38                         <li data-role="list-divider">K</li>
  39                         <li>Katherine</li>
  40                         <li>Katy</li>
  41                         <li>Keith</li>
  42                         <li data-role="list-divider">L</li>
  43                         <li>Larry</li>
  44                         <li>Lee</li>
  45                         <li>Lola</li>
  46                         <li data-role="list-divider">M</li>
  47                         <li>Mark</li>
  48                         <li>Milly</li>
  49                         <li>Mort</li>
  50                         <li data-role="list-divider">N</li>
  51                         <li>Nigel</li>
  52                         <li>Norman</li>
  53                         <li data-role="list-divider">O</li>
  54                         <li>Organza</li>
  55                         <li>Orlando</li>
  56                 </ul>
  57         </div><!-- content -->
  58 </div><!-- page -->
  59
  60