[MUI专题] 区域滚动

Posted 2021-09-02 算法与编程之美

本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。

MUI提供了区域滚动的组件，使用时遵循DOM结构就可以。若是需要使用区域滚动的组件，就需要初始化scroll控件。本次在制作页面时关于区域滚动遇到了一些问题将会在下文展开。

问题

在创建好区域滚动之后不能够按照预想状态横向滚动，按照MUI官网上给出的代码敲入之后所有的内容都停留在了最左的界面，不能够根据横向滚动的class来具体放置。

示例：

                

图上的商品介绍、商家、评价原本应为区域滚动的三个部分，在将各个部分的内容对应添加上去时，全部都呈现在了一个页面。而且在滚动时下方的蓝色条并不能随之滚动，但字体会变为蓝色。

方法

查看html上的代码，可以发现在<div id="item1mobile" class="md-f1 mui-slider-item mui-control-contentdetailInfos md-box md-ver mui-active">和<div>之后是直接使用了d