0

Pure Drawer

Pure Drawer 是一个纯CSS实现的Off-Canvas 滑动导航菜单。(Pure Drawer is a 100% css solution for off-canvas drawers.)

官方网站
Github 资源库
主要指标

Github星跟踪图

Pure Drawer 是一个纯CSS实现的Off-Canvas 滑动导航菜单。你可能已经看到了几年前由Facebook流行的“抽屉菜单/Off-Canvas”导航样式。 有很多伟大的javascript插件提供这个功能，但我认为这将是很酷的尝试，而且是用 CSS的新的酷的功能去做。 不需要javascript。

特征
Pure Drawer 有很多好的功能
  • 酷效果
  • 选择14种不同的效果
  • 抽屉位置
  • 选择您希望 Drawer 出现的位置
  • 响应设计
  • Pure Drawer 有三个预制断点。 为小屏幕，中屏幕和大屏幕创建不同的抽屉布局。 并选择是否在特定的断点使用Pure Drawer 。
  • 跨浏览器支持
  • Pure Drawer适用于所有现代浏览器。 在IE9中正常降级。
  • 多个抽屉
  • 需要更多的抽屉？ Pure Drawer 可以有三个不同的抽屉。
  • 没有javascript
  • 纯抽屉是一个100％css解决方案。 但随时可以通过一些awesome JavaScript代码进一步增强功能。

主要指标

概览
名称与所有者mac81/pure-drawer
主编程语言CSS
编程语言CSS (语言数: 3)
平台
许可证
所有者活动
创建于2014-07-03 15:07:47
推送于2017-06-09 02:42:28
最后一次提交2017-03-31 06:03:44
发布数1
最新版本名称v.1.0.2 (发布于 2015-07-27 19:28:57)
第一版名称v.1.0.2 (发布于 2015-07-27 19:28:57)
用户参与
星数324
关注者数20
派生数88
提交数56
已启用问题?
问题数49
打开的问题数7
拉请求数0
打开的拉请求数0
关闭的拉请求数3
项目设置
已启用Wiki?
已存档?
是复刻?
已锁定?
是镜像?
是私有?

Pure Drawer

Version: 1.0.2

Pure Drawer is a 100% css solution for off-canvas drawers.

Download

https://github.com/mac81/pure-drawer/tree/master/src

Demo

http://mac81.github.io/pure-drawer/

Documentation

http://mac81.github.io/pure-drawer/documentation

Planned features

  • Multiple drawers (Implemented in version 0.8)
  • Javascript enhanced version
  • More effects (Implemented in version 1.0)

Changelog

1.0.2 :: 27th Jul 2015

  • Fixed scrollbar placement when drawer is on the right side.

1.0.1 :: 9th Dec 2014

  • Fixed issue with toggle button in Safari and IOS.

1.0 :: 28th Nov 2014

  • Added 5 new effects
  • New toggle icon
  • Added animation variables to scss settings
  • Minor bugfixes and refactoring.

0.9 :: 23th Sep 2014

  • Fixed issues with effect 5 and 7
  • New feature: You can now turn pure-drawer on/off on spesific breakpoints.

0.8 :: 17th Sep 2014

  • Total rewrite of css
  • Added support for multiple drawers

0.7 :: 6th Aug 2014

  • Fixed issue where window pusher jumped to top when drawer is active.
  • Rearranged fallback code
  • Adjustments to scss settings

0.6 :: 4th Aug 2014

  • Added breakpoint support. Drawers can now have different width and height for small, medium and large screens.