MUI 如何实现侧滑菜单及其主体部分上下滑动

在MUI文档的侧滑菜单介绍里没有说明如何实现侧滑，而MUI侧滑菜单默认是没有上下滑动功能的，需要激活。

1、首先在 class="mui-scroll-wrapper" 的元素上添加ID：

  
  

    

      

        
        ...
      
    
  
  
  

    
    

      
      
标题
    
    

      

        
        ...
      
    
  
  

从上面例子可以看出，侧滑菜单和主体部分都添加了ID。

分别为：offCanvasSideScroll、offCanvasContentScroll

2、其次在JS里面激活：

mui('#offCanvasSideScroll').scroll();
mui('#offCanvasContentScroll').scroll();

大功告成，现在超过高度即可进行下滑了。注意是超过高度！就像浏览器一样，如果“ 主界面具体展示内容”没有超出范围，是没有下滑功能的。

MUI：MUI 侧滑菜单。

完整代码：

    
    
    
    
    
    
    


	  
	
  
	    
	  
  
	    
  
	      
  
	          
	        

	        	
	        
	      
  
	    
  
	  
  
	    
	  
  
	      
	    
  
	        
	      
标题