mui侧滑菜单和上拉加载下拉刷新冲突_APP开发,混合APP_我爱模板网 - 提供下载各种免费建站资源，免费网站模板，免费网页特效，让你爱上建站！

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

来源：未知作者：类型：文章教程点击次数：发布时间：2017-12-09 23:44:09

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(){
    //这里做上拉加载数据
})