页面滚动完成后,nicescroll激活滚动

时间:2013-04-01 11:20:02

标签: javascript jquery css scrollbar

我有一个aspx页面。在该页面中,我已将nicescroll应用于div以垂直滚动。但是,只有在索尼爱立信移动Android版本4.2中页面的本机滚动完成后,nicescroll才会滚动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>

请帮我解决这个问题。我在这个问题上苦苦挣扎了两个星期。我找到了几种解决这个问题的方法,但我没有解决这个问题。如果有人修好了,我会很棒的

1 个答案:

答案 0 :(得分:0)

试试这段代码:

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