首页 > 建站教程 > 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(){
    //这里做上拉加载数据
})