使用jQuery Slidebars Framework创建Easy Sliding Hamburger菜单
它们为移动用户服务,但发现性较低 。
我不能说是否值得在您的网站上使用它们,但是,如果您正在寻找一种简单的方法来设置滑动菜单,那么Slidebars Framework是一个方便的资源。
就像您期望在单击汉堡包图标的位置打开滑动菜单一样,它将屏幕推开以腾出空间。
Slidebars是完全免费和开源的,建立在jQuery库的顶部 。
并不是每个滑动菜单插件都内置了此功能,但是它是一项功能,可以极大地改善用户体验 。
我特别喜欢的一项功能是“ 点击隐藏”设置 ,您可以在页面上的任意位置点击以立即隐藏菜单 。
但是,该存储库缺少一组清晰的文档,这使设置更加困难。
该插件是完全开源的,如果您想四处逛逛,可以在GitHub上免费获取该代码。
值得庆幸的是,您可以在主站点上找到完整的使用指南,以快速启动和运行Slidebar。
它支持屏幕四个侧面的滑动菜单,以及动画效果,颜色选择和菜单总宽度/高度的自定义功能 。
这包括适当HTML和样式的适当CSS。
整个滑动菜单都在页面外元素上工作 ,因此您需要正确设置画布外菜单 。
而且,默认设置不需要任何自定义属性 ,因此,只要遵循基本步骤,就不会遇到麻烦。
所有这些都在文档中进行了详尽的详细介绍,因此,如果您逐步遵循这些页面,则应该可以使其正常工作。
对于需要滑动菜单但又不想从头开始的开发人员来说,这是一个绝佳的选择。
它允许您调用jQuery函数以添加功能或自定义默认功能。
滑杆确实是一个完整的框架 ,甚至具有可以使用的自定义API 。
它实际上具有您需要了解的所有内容以及大量演示。
如果您想了解更多信息,请访问Slidebars网站 。
翻译自: https://www.hongkiat.com/blog/slidebars-jquery-sliding-menu/