什么是 slidebars？
slidebars 是一个轻量级的 jQuery 插件，可以使得网页侧边栏的实现更加容易。它支持多种类型的侧边栏效果，如滑动、推拉等，并且提供了许多自定义选项。
安装和使用
使用 npm 来安装 slidebars：
--- ------- --------- ------
在 HTML 文件中引入 slidebars 的 CSS 和 JS 文件：
----- ---------------- ----------------------------------------------------- ------- ------------------------------------------------------------
然后就可以在 JS 中开始使用 slidebars 了。
初始化
在使用 slidebars 前，需要先对其进行初始化。以下是一个简单的初始化示例：
--- ----------- - --- --------------
这会创建一个新的 slidebars 实例，你可以通过它来控制整个页面的侧边栏效果。
控制侧边栏
slidebars 提供了多种控制侧边栏的方法，包括打开、关闭、切换等。以下是一些常用的方法：
------------------------- -- ------- -------------------- -- ------- ---------------------------- -- ----------
这些方法都可以接受选项参数，例如：
------------------------ -
------ ---- -- ----
----- ------- -- -------
---
---自定义选项
slidebars 提供了多种自定义选项，可以用来调整侧边栏的外观和功能。以下是一些常用的选项：
siteOverlay: 设置遮罩层的样式scrollLock: 是否锁定页面滚动hideControlClasses: 隐藏控制按钮的 CSS 类名parentSelector: 父元素的选择器，用于指定 slidebars 的容器- ...
你可以在创建 slidebars 实例时传入这些选项，例如：
--- ----------- - --- -------------
------------ ------
----------- -----
------------------- ---------
---
---示例代码
以下是一个完整的示例代码，它演示了如何使用 slidebars 来实现一个简单的侧边栏效果：
--------- -----
------
------
----- ----------------
---------------- ------------
----- ---------------- -----------------------------------------------------
-------
------
---- ---- ---
---- --------------------------
--------
------- ------------- -------------------------------------
------- ------------- --------------------------------------
---------
------
---------------- --------- ----------
-------
------
---- --- ---
---- ----------------
------------
----
------ ----------- ----------
------ ----------- ----------
------ ----------- ----------
-----
------
---- --- ---
---- -----------------
------------
----
------ ----------- ----------
------ ----------- ----------
------ ----------- ----------
-----
------
----------------------------------------------------------- ----------
---------------------------------------------------------------------------------------