栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > CSS教程

关于mui滚动问题

CSS教程 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

关于mui滚动问题

 大家都知道mui是禁止使用overflow: scroll;在真机上滚动的,看了很多网上方法 大部分都是使用如下的方法

    
        
        
    

加上如下的js:
    mui('.mui-scroll-wrapper').scroll({ deceleration: 0.0005  });
但是这种方法真的好用吗,事实当然是不一定的,因为这种方法很多网友总结了一下,就是必须在mui-scroll下面一层才会起作用。但是大部分我们的项目可能只能一个弹框或者很多div包裹的一个小列表需要滚动,难道每个小列表下面都加两个mui-scroll-wrapper,mui-scroll 的div吗?当然,答案是否定的,
    首先:这两个class都自带样式,莫名加在我们的列表上面很大影响布局(深有体会)那怎么办呢,经过多次尝试终于找到一种方法,不知道通用不 ,反正我的项目没问题。下面是我的方法。

我是想让整个小列表滚动,当我使用网上的也就是上边的方法,发现他总会作用于整个屏幕,或者临近他的div
最后我在我的这个小列表下面边多加了一层这个div
    
        这是需要滚动的列表
    

然后加上一小段js:
    mui('#pullrefresh').scroll({ deceleration: 0.0005 });
这样发现竟然可以了,当然最上边我也是加了.mui-scroll-wrapper'的毕竟他是滑动的容器,只不过这种方法可以准确作用到你想滚动的盒子哪里了,不然总会作用他下面第一个,这就很难受。


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/242146.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号