javascript - nicescroll 在页面滚动完成后激活滚动

Question

我有一个 aspx 页面。在该页面中，我为 div 应用了 nicescroll 以垂直滚动。但是 nicescroll 只会在页面的 native 滚动完成后在 sony ericsson mobile android 版本 4.2 中滚动 div。我希望 div 先滚动，然后再滚动页面。

这是我在 aspx 页面中的 div 标签。

      <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>

head标签里面的调用部分是

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

我的CSS是

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

请帮我解决这个问题。我在这个问题上苦苦挣扎了两个星期。我找到了几种替代方法来解决这个问题，但我没有解决这个问题。如果有人修复了那就太好了

Answer 1

试试这段代码:

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