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

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

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