我爱模板网 > 建站教程 > APP开发,混合APP >  mui侧滑菜单和上拉加载下拉刷新冲突正文

mui侧滑菜单和上拉加载下拉刷新冲突

    mui是一个非常优秀的HTML5 APP 框架。我爱模板网今天在使用他做一个带侧滑菜单,同时支持下拉加载时,出现了问题:下拉加载和上拉刷新一般采用webview的形式,也就是加载出来的内容,而这个时候,mui的侧滑菜单在其中一个webview上,无法盖住另一个webview。这个时候,我就采用了将列表和侧滑菜单都放在同一个页面中。但是,这么做也出现了问题。那么,干脆自己写侧滑菜单或者下拉刷新算了。侧滑菜单很简单,就是两个平级的容器,左右滑动显示器中一个,另一个做遮罩处理或消失。不多说。下拉刷新我们来说下,列表仍然用mui的scroll区域滚动组件,然后在init的时候加上监听:
mui.init({
	//监听
	gestureConfig:{
        swipeup:true,
        swipedown:true,
        dragstart:true,
        drag:true,
        dragend:true
    }
}); 
    再监听相应的事件,进行相应的处理,比如刷新或者加载更多
//上拉
document.addEventListener("swipeup",function(){
    //这里做上拉加载数据
})


部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:mui按返回键退出程序 下一篇:mui单webview下拉刷新pullrefresh和上拉加载代码
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢