title: Wheel view in phonegap windows app
body: <p>I have an <code>android</code> application which contains a <code>wheelview</code> to change its items and select any specific item. Now I'm creating the app in <code>phonegap</code> using html and css so I took <code>ul</code> and <code>li</code> as an alternate to <code>wheelview</code>. </p>
  
  <p>I have a <code>ul</code> inside a child <code>div</code> which is inside a parent <code>div</code>. <code>li</code> elements are scrollable in the <code>ul</code> in child <code>div</code>. Is there any way by which I can get the <code>li</code> element which is currently inside the child <code>div</code> after scroll?</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;div id="wrapper"&gt;
    &lt;div id="innerDiv"&gt;
      &lt;ul id="list"&gt;
        &lt;li&gt;
          &lt;div class="sunSigndiv" &gt;
            &lt;span class="sunSignFont" &gt;Aries&lt;/span&gt;
          &lt;/div&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;div class="sunSigndiv" &gt;
            &lt;span class="sunSignFont" &gt;Taurus&lt;/span&gt;
          &lt;/div&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;div class="sunSigndiv" &gt;
            &lt;span class="sunSignFont" &gt;Gemini&lt;/span&gt;
          &lt;/div&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;div class="sunSigndiv" &gt;
            &lt;span class="sunSignFont" &gt;Cancer&lt;/span&gt;
          &lt;/div&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;div class="sunSigndiv" &gt;
            &lt;span class="sunSignFont"&gt;Leo&lt;/span&gt;
          &lt;/div&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;div class="sunSigndiv" &gt;
            &lt;span class="sunSignFont" &gt;Virgo&lt;/span&gt;
          &lt;/div&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;div class="sunSigndiv" &gt;
            &lt;span class="sunSignFont" &gt;Libra&lt;/span&gt;
          &lt;/div&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;div class="sunSigndiv" &gt;
            &lt;span class="sunSignFont" &gt;Scorpio&lt;/span&gt;
          &lt;/div&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;div class="sunSigndiv" &gt;
            &lt;span class="sunSignFont" &gt;Ophiuchus&lt;/span&gt;
          &lt;/div&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;div class="sunSigndiv" &gt;
            &lt;span class="sunSignFont" &gt;Sagittarius&lt;/span&gt;
          &lt;/div&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;div class="sunSigndiv" &gt;
            &lt;span class="sunSignFont" &gt;Capricorn&lt;/span&gt;
          &lt;/div&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;div class="sunSigndiv" &gt;
            &lt;span class="sunSignFont" &gt;Aquarius&lt;/span&gt;
          &lt;/div&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;div class="sunSigndiv" &gt;
            &lt;span class="sunSignFont" &gt;Pisces&lt;/span&gt;
          &lt;/div&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Additionally after scroll to the last element in the <code>ul</code>, how can I move to the first element just to give feel of the <code>wheelview</code>.</p>
  
  <p>Here is my <a href="https://jsfiddle.net/shilpasoni/g4tfLdv9/1/" rel="nofollow">JSFiddle</a></p>