javascript - nicescroll activates scroll after the page scroll completes -

i having aspx page. in page have applied nicescroll div scroll vertically. nicescroll scroll div after page's native scroll completes in sony ericsson mobile android version 4.2. want div scroll first followed page scroll.

here div tag inside aspx page.

      <div id="divexample">                                                               <div class="row-fluid white-bg">                <div class="row-fluid"><b>                     <asp:label id="lblcode" runat="server" text="using card?" cssclass="modallabel"></asp:label></b>                </div>                <div class="row-fluid">                     <asp:label id="lblcode2" runat="server" text="here instructions" cssclass="modaltext modallabeltext"></asp:label>                 </div>                <div class="row-fluid center">                     <asp:image id="image5" runat="server" imageurl="card.gif" />                </div>            </div>                                                        </div> 

the calling section inside head tag is

    <script type="text/javascript">             $(document).ready(                function () {                   $("#divexample").nicescroll({ nativeparentscrolling: "false", touchbehavior: "true" });                }             );     </script> 

and css is

 <style type="text/css">          #divexample         {             overflow:auto;             height: 300px;         }  </style> 

please me solve this. struggling issue 2 long weeks. found several alternate ways solve had solved nothing issue. t great if has fixed is

try code:

$("#divexample").bind("mousedown,touchstart",function (e) {     e.stoppropagation();  });