试了一下mui的scroll,发现自己坑的不行
简单的搭建如下
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<!--这里放置真实显示的DOM内容-->
</div>
</div>
外层的mui-scroll-wrapper和内层的mui-scroll都是绝对定位,但是当外层设置了padding之后,内层的width100%会出现意外,它会超出外层,当取消掉width的时候,它又会变得自适应里面内容的大小
解决的办法是把里面的mui-scroll的position设置为static,这样之后width属性就会达到理想的效果了,但是应该会影响到滚动效果,个人猜测滚动是依靠改动mui-scroll的top来实现的,如果改成static应该滚动会失效,所以还有一种办法就是把width改成auto