使用jQuery Slidebars Framework创建Easy Sliding Hamburger菜单

它们为移动用户服务,发现性较低

用户体验设计师对网页设计中汉堡菜单的使用产生了争执

我不能说是否值得在您的网站上使用它们,但是,如果您正在寻找一种简单的方法来设置滑动菜单,那么Slidebars Framework是一个方便的资源。

就像您期望在单击汉堡包图标的位置打开滑动菜单一样,它将屏幕推开以腾出空间。

Slidebars是完全免费和开源的,建立在jQuery库的顶部

使用jQuery Slidebars Framework创建Easy Sliding Hamburger菜单

并不是每个滑动菜单插件都内置了此功能,但是它是一项功能,可以极大地改善用户体验

我特别喜欢的一项功能是“ 点击隐藏”设置 ,您可以在页面上的任意位置点击以立即隐藏菜单

但是,该存储库缺少一组清晰的文档,这使设置更加困难。

该插件是完全开源的,如果您想四处逛逛,可以在GitHub上免费获取该代码。

值得庆幸的是,您可以在主站点上找到完整的使用指南,以快速启动和运行Slidebar。

使用jQuery Slidebars Framework创建Easy Sliding Hamburger菜单

它支持屏幕四个侧面的滑动菜单,以及动画效果,颜色选择和菜单总宽度/高度的自定义功能

这包括适当HTML和样式的适当CSS。

整个滑动菜单都在页面外元素上工作 ,因此您需要正确设置画布外菜单

而且,默认设置不需要任何自定义属性 ,因此,只要遵循基本步骤,就不会遇到麻烦。

所有这些都在文档中进行了详尽的详细介绍,因此,如果您逐步遵循这些页面,则应该可以使其正常工作。

对于需要滑动菜单但又不想从头开始的开发人员来说,这是一个绝佳的选择。

它允许您调用jQuery函数以添加功能或自定义默认功能。

滑杆确实是一个完整的框架 ,甚至具有可以使用的自定义API

它实际上具有您需要了解的所有内容以及大量演示。

如果您想了解更多信息,请访问Slidebars网站


翻译自: https://www.hongkiat.com/blog/slidebars-jquery-sliding-menu/