什么是 slidebars？
slidebars 是一个轻量级的 jQuery 插件，可以使得网页侧边栏的实现更加容易。它支持多种类型的侧边栏效果，如滑动、推拉等，并且提供了许多自定义选项。
安装和使用
使用 npm 来安装 slidebars：
npm install slidebars --save
在 HTML 文件中引入 slidebars 的 CSS 和 JS 文件：
<link rel="stylesheet" href="node_modules/slidebars/dist/slidebars.min.css"> <script src="node_modules/slidebars/dist/slidebars.min.js"></script>
然后就可以在 JS 中开始使用 slidebars 了。
初始化
在使用 slidebars 前，需要先对其进行初始化。以下是一个简单的初始化示例：
var mySlidebars = new $.slidebars();
这会创建一个新的 slidebars 实例，你可以通过它来控制整个页面的侧边栏效果。
控制侧边栏
slidebars 提供了多种控制侧边栏的方法，包括打开、关闭、切换等。以下是一些常用的方法：
mySlidebars.open('left'); // 打开左侧侧边栏
mySlidebars.close(); // 关闭所有侧边栏
mySlidebars.toggle('right'); // 切换右侧侧边栏的状态这些方法都可以接受选项参数，例如：
mySlidebars.open('left', {
speed: 300, // 动画速度
side: 'left', // 指定侧边栏位置
...
});自定义选项
slidebars 提供了多种自定义选项，可以用来调整侧边栏的外观和功能。以下是一些常用的选项：
siteOverlay: 设置遮罩层的样式scrollLock: 是否锁定页面滚动hideControlClasses: 隐藏控制按钮的 CSS 类名parentSelector: 父元素的选择器，用于指定 slidebars 的容器- ...
你可以在创建 slidebars 实例时传入这些选项，例如：
var mySlidebars = new $.slidebars({
siteOverlay: false,
scrollLock: true,
hideControlClasses: 'd-none',
...
});示例代码
以下是一个完整的示例代码，它演示了如何使用 slidebars 来实现一个简单的侧边栏效果：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------------- ------------
----- ---------------- -----------------------------------------------------
-------
------
---- ---- ---
---- --------------------------
--------
------- ------------- -------------------------------------
------- ------------- --------------------------------------
---------
------
---------------- --------- ----------
-------
------
---- --- ---
---- ----------------
------------
----
------ ----------- ----------
------ ----------- ----------
------ ----------- ----------
-----
------
---- --- ---
---- -----------------
------------
----
------ ----------- ----------
------ ----------- ----------
------ ----------- ----------
-----
------
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------