flax
flax
  • 发布:2015-09-12 12:25
  • 更新:2015-09-14 17:09
  • 阅读:1576

js.scroll();方法

分类:HBuilder

为什么 我调用.scroll();方法页面上拉和下拉 多拉几下 页面就是不动。

2015-09-12 12:25 负责人:无 分享
已邀请:
flax

flax (作者) - 一个作家曾经说过:“一个失落的灵魂能很快杀死你,远比细菌快的多.”

<body>  
    <ul class="mui-table-view quanbu mui-content" id="content">  
        <!--滚动div开始-->  
            <div class="scrolll" style="overflow: hidden; ">  
                    <li class="mui-table-view-cell my"  id="m_zhanghu">  
                        <p class="w"><a href="javascript:void(0)"></a></p>  
                        <a class="mui-navigate-right a_box">  
                            <p class="p_img"><img src="images/q.png" alt="" /></p>  
                            <p class="pl" id="name">未登录</p>  
                        </a>  
                   </li>  
                     <li class="mui-table-view-cell two">  
                       <div class="li_div" id="m_seller" style="cursor:pointer">  
                            <div class="left">  
                                <span class="icon-quan l"></span>  
                                <span class="r">  
                                    优惠券  
                                    <p>0</p>  
                                </span>  
                            </div>  
                       </div>  
                       <div class="li_div two_div" id="msouc">  
                            <div class="left l_r">  
                                <span class="icon-shoucang l"></span>  
                                <span class="r">  
                                    我的收藏  
                                    <p>0</p>  
                                </span>  
                            </div>  
                       </div>  
                     </li>  
                   <li class="mui-table-view-cell pj">  
                    <a class="mui-navigate-right" href="javascript:void(0)" id="pj">  
                      <span class="icon-xinxi1 ico"></span>我的评价  
                    </a>  
                   </li>  
                  <li class="mui-table-view-cell">  
                    <a class="mui-navigate-right" href="javascript:void(0)" id="app">  
                      <span class="icon-xingxing ico"></span>app推荐  
                    </a>  
                  </li>  
                  <li class="mui-table-view-cell">  
                    <a class="mui-navigate-right" href="javascript:void(0)" id="yijian">  
                      <span class="icon-bianji ico"></span>意见反馈  
                    </a>  
                  </li>  
                  <li class="mui-table-view-cell">  
                    <a class="mui-navigate-right" href="javascript:void(0)" id="guanyuqq">  
                      <span class="icon-guanyu ico"></span>关于券券  
                    </a>  
                  </li>  
                   <li class="mui-table-view-cell">  
                    <a class="mui-navigate-right" id="shangjiazhongxin">  
                      <span class="icon-shangjiazhongxin ico"></span>商家中心  
                    </a>  
                  </li>  
                  <li class="mui-table-view-cell">  
                    <a class="mui-navigate-right" id="zhuxiao">  
                      <span class="icon-fenxiang ico"></span>注销  
                    </a>  
                  </li>  
         </div>  
          <!--滚动div结束-->  
    </ul>  
</body>  
<script type="text/javascript">  
    mui('.scrolll').scroll();//为什么这个方法不起作用 ,min.js在页头引用了、。  
</script>
flax

flax (作者) - 一个作家曾经说过:“一个失落的灵魂能很快杀死你,远比细菌快的多.”

@DCloud_MUI_FXY 你好 ,我这样调用对吗。

  • DCloud_UNI_FXY

    dom结构不对。<div class="mui-scroll-wrapper"><div class="mui-scroll">滚动内容</div></div>

    2015-09-13 00:06

  • flax (作者)

    你好 我试了几次,这还是滚不动。


    <body>

    <div class="mui-scroll-wrapper">

    <div class="mui-scroll">

    <ul class="mui-table-view quanbu mui-content " id="content">

    <li class="mui-table-view-cell my" id="m_zhanghu">

    <p class="w"><a href="javascript:void(0)"></a></p>

    <a class="mui-navigate-right a_box">

    <p class="p_img" id="p_img"><img src="images/headimg_default.png" alt="" id="member_headimg"/></p>

    <p class="pl" id="name">未登录</p>

    </a>

    </li>

    <li class="mui-table-view-cell two">

    <div class="li_div" id="m_seller" style="cursor:pointer">

    <div class="left">

    <span class="icon-quan l"></span>

    <span class="r">

    优惠券

    <p>0</p>

    </span>

    </div>

    </div>

    <div class="li_div two_div" id="msouc">

    <div class="left l_r">

    <span class="icon-shoucang l"></span>

    <span class="r">

    我的收藏

    <p>0</p>

    </span>

    </div>

    </div>

    </li>

    <li class="mui-table-view-cell pj">

    <a class="mui-navigate-right" href="javascript:void(0)" id="pj">

    <span class="icon-xinxi1 ico"></span>我的评价

    </a>

    </li>

    <li class="mui-table-view-cell">

    <a class="mui-navigate-right" href="javascript:void(0)" id="app">

    <span class="icon-xingxing ico"></span>app推荐

    </a>

    </li>

    <li class="mui-table-view-cell">

    <a class="mui-navigate-right" href="javascript:void(0)" id="yijian">

    <span class="icon-bianji ico"></span>意见反馈

    </a>

    </li>

    <li class="mui-table-view-cell">

    <a class="mui-navigate-right" href="javascript:void(0)" id="guanyuqq">

    <span class="icon-guanyu ico"></span>关于券券

    </a>

    </li>

    <li class="mui-table-view-cell">

    <a class="mui-navigate-right" id="shangjiazhongxin">

    <span class="icon-shangjiazhongxin ico"></span>商家中心

    </a>

    </li>

    <li class="mui-table-view-cell">

    <a class="mui-navigate-right" id="zhuxiao">

    <span class="icon-fenxiang ico"></span>注销

    </a>

    </li>

    </ul>

    </div>

    </div>

    <script type="text/javascript">

    mui('mui-scroll-wrapper').scroll();

    </script>

    </body>

    2015-09-14 09:34

flax

flax (作者) - 一个作家曾经说过:“一个失落的灵魂能很快杀死你,远比细菌快的多.”

<body>
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul class="mui-table-view quanbu mui-content " id="content">
<li class="mui-table-view-cell my" id="m_zhanghu">
<p class="w"><a href="javascript:void(0)"></a></p>
<a class="mui-navigate-right a_box">
<p class="p_img" id="p_img"><img src="images/headimg_default.png" alt="" id="member_headimg"/></p>
<p class="pl" id="name">未登录</p>
</a>
</li>
<li class="mui-table-view-cell two">
<div class="li_div" id="m_seller" style="cursor:pointer">
<div class="left">
<span class="icon-quan l"></span>
<span class="r">
优惠券
<p>0</p>
</span>
</div>
</div>
<div class="li_div two_div" id="msouc">
<div class="left l_r">
<span class="icon-shoucang l"></span>
<span class="r">
我的收藏
<p>0</p>
</span>
</div>
</div>
</li>
<li class="mui-table-view-cell pj">
<a class="mui-navigate-right" href="javascript:void(0)" id="pj">
<span class="icon-xinxi1 ico"></span>我的评价
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="javascript:void(0)" id="app">
<span class="icon-xingxing ico"></span>app推荐
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="javascript:void(0)" id="yijian">
<span class="icon-bianji ico"></span>意见反馈
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="javascript:void(0)" id="guanyuqq">
<span class="icon-guanyu ico"></span>关于券券
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" id="shangjiazhongxin">
<span class="icon-shangjiazhongxin ico"></span>商家中心
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" id="zhuxiao">
<span class="icon-fenxiang ico"></span>注销
</a>
</li>
</ul>
</div>
</div>
<script type="text/javascript">
mui('mui-scroll-wrapper').scroll();//min.js在页头引用了。
</script>
</body>
这样还是不行。拖动不了

  • DCloud_UNI_FXY

    mui('.mui-scroll-wrapper').scroll();//少个.

    2015-09-14 14:56

  • flax (作者)

    谢谢您 问题解决了,发现了。

    2015-09-14 15:58

该问题目前已经被锁定, 无法添加新回复