nicescroll activates scroll after the page scroll completes

[Vnscikcyx]

I am having an aspx page. In that page I have applied nicescroll for a div to scroll vertically. But the nicescroll will scroll the div only after the page's native scroll completes in sony ericsson mobile android version 4.2. I want the div to scroll first followed by the page scroll.Here is my div tag inside the aspx page.\[code\] <div id="divexample"> <div class="row-fluid white-bg"> <div class="row-fluid"><b> <asp:Label ID="lblcode" runat="server" Text="Using this card?" CssClass="modalLabel"></asp:Label></b> </div> <div class="row-fluid"> <asp:Label ID="lblcode2" runat="server" Text="Here are the instructions" CssClass="modalText modalLabeltext"></asp:Label> </div> <div class="row-fluid center"> <asp:Image ID="Image5" runat="server" ImageUrl="card.gif" /> </div> </div> </div>\[/code\]The calling section inside the head tag is\[code\] <script type="text/javascript"> $(document).ready( function () { $("#divexample").niceScroll({ nativeparentscrolling: "false", touchbehavior: "true" }); } ); </script>\[/code\]and my css is\[code\] <style type="text/css"> #divexample { overflow:auto; height: 300px; } </style>\[/code\]Please help me to solve this. I am struggling with this issue for two long weeks. I found several alternate ways to solve this but I had solved nothing with this issue. I t will be great if someone has fixed is