title: Enscroll js scrollbar
body: <p>I have used "<code>enscroll</code>" js scroll bar in my page. <a href="http://enscrollplugin.com/#demos" rel="nofollow">http://enscrollplugin.com/#demos</a></p>
  
  <pre><code>&lt;div id="enscroll_name"&gt;
      &lt;ul&gt;
      &lt;li id="p1"&gt;product1&lt;/li&gt;
      &lt;li id="p2"&gt;product2&lt;/li&gt;       
      &lt;li id="p3"&gt;product3&lt;/li&gt;
      &lt;li id="p4"&gt;product4&lt;/li&gt;
      &lt;li id="p5"&gt;product5&lt;/li&gt;
      &lt;/ul&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>On Page load the product3 need to be in the visible area. I used  <code>&lt;a name="p3"&gt;&lt;/a&gt;</code> for this. But in query how to achieve this? In html we used anchor name tag like <code>&lt;a name="p3"&gt;&lt;/a&gt;</code>. But in this script how to achieve this?</p>