手机端左右侧边栏菜单js特效

手机端左右侧边栏菜单js特效

手机端左右侧边栏菜单js特效，点击滑动展开左侧菜单与右侧菜单代码，可以在同一个页面设置多个侧边栏菜单插件。

1. js代码
   
2. 
   
3. <script type="text/javascript" src="dist/canvi.js"></script>
   
4. <script>
   
5. var t = new Canvi({
   
6.                 content: ".js-canvi-content",
   
7.                 isDebug: !1,
   
8.                 navbar: ".myCanvasNav",
   
9.                 openButton: ".js-canvi-open-button--left",
   
10.                 position: "left",
    
11.                 pushContent: !1,
    
12.                 speed: "0.2s",
    
13.                 width: "100vw",
    
14.                 responsiveWidths: [ {
    
15.                         breakpoint: "600px",
    
16.                         width: "280px"
    
17.                 }, {
    
18.                         breakpoint: "1280px",
    
19.                         width: "320px"
    
20.                 }, {
    
21.                         breakpoint: "1600px",
    
22.                         width: "380px"
    
23.                 } ]
    
24.         })
    
25. </script>
    
26. <script type="text/javascript">
    
27.         var canviRight = new Canvi({
    
28.                 content: '.js-canvi-content',
    
29.                 navbar: '.js-canvi-navbar--right',
    
30.                 openButton: '.js-canvi-open-button--right',
    
31.                 position: "right"
    
32.         });
    
33. </script>

复制代码

手机端左右侧边栏菜单js特效.zip (14.91 KB, 下载次数: 489)

2021-2-25 09:07 上传

点击文件名下载附件
手机端左右侧边栏菜单js特效