为什么mui.js框架scroll组件选项设置无效?

目前,正在学习mui.js框架,学着使用里面的各种UI组件,碰到了滑动滚动组件,可是通过设置配置选项却不能实现想要的效果,不知道该怎么配置?求解答。问题如下:


滑动滚动的实现过程:


HTML:


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

    <div class="mui-scroll">

        <!--这里放置真实显示的DOM内容-->

    </div>

</div>


JS:

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

     scrollY: true, //是否竖向滚动

     

scrollX: false, //是否横向滚动


     

     startX: 0, //初始化时滚动至x

     startY: 0, //初始化时滚动至y

     indicators: true, //是否显示滚动条

     deceleration:0.0006, //阻尼系数,系数越小滑动越灵敏

     bounce: true //是否启用回弹

});

重点是中间空格代码间的失效,scrollX: false这行代码无论怎么修改都没效果,而scrollY却可以使用,也尝试着找找内部原因,没解决。


希望恰好也正在使用mui.js框架的朋友,能给个解释,实在是不太明白


holdtom
浏览 744回答 1
1回答

繁华开满天机

意思是能竖着滚动, 但是不能横着滚动?MUI这个框架的是很看DOM结构&nbsp;和&nbsp;元素定位布局&nbsp;的, 如果你的DOM树写的与MUI要求的不匹配, 就会出现你这种情况。你看看官网的例子, 找一个可以横向滚动的COPY 一下, 再把自己的元素一个一个植入进去, 肯定是可以的。可以试着读它的源码, 不难。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript