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)
平台
許可證
發布數1
最新版本名稱v.1.0.2 (發布於 2015-07-27 13:28:57)
第一版名稱v.1.0.2 (發布於 2015-07-27 13:28:57)
創建於2014-07-03 07:07:47
推送於2017-06-08 18:42:28
最后一次提交2017-03-31 00:03:44
星數326
關注者數20
派生數90
提交數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.
去到頂部