https://github.com/shoppinpal/ng-mobile-menu

An AngularJS module that provides a slide out menu for your application.
https://github.com/shoppinpal/ng-mobile-menu

Last synced: about 10 hours ago
JSON representation

An AngularJS module that provides a slide out menu for your application.

• Host: GitHub
• URL: https://github.com/shoppinpal/ng-mobile-menu
• Owner: ShoppinPal
• License: mit
• Created: 2013-06-26T03:04:03.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2015-03-07T00:25:33.000Z (over 9 years ago)
• Last Synced: 2024-04-14T13:58:32.411Z (7 months ago)
• Language: JavaScript
• Size: 843 KB
• Stars: 100
• Watchers: 8
• Forks: 25
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# DEPRECATED

As an alternative, please consider using https://github.com/dpiccone/ng-pageslide instead

## ng-mobile-menu

An AngularJS module that provides a slide out menu for your application.

## Usage

Include the CSS and JS files:

```html

```

Add `shoppinpal.mobile-menu` as dependency in your app.

```javascript

angular.module('your-awesome-app',['shoppinpal.mobile-menu']);

```

Then you just need to structure your HTML like this:

```html









```


Hide and show the menu in an ngClick like this `ng-click="$spMenu.toggle()"`. (`.show()` and `.hide()` are also available if you need them)

```html

Menu

```

## Demo

Check the `/demo` folder in the repository for a working demo.

## Changelog

### 0.2.0

#### Breaking Changes

No longer using href targets to show and hide menu. Now you _must_ use the new `$spMenu` provider to show and hide the menu.

### 0.1.3

* Issue #2 : Change menu to use 80% width for more consistent appearance across mobile device resolutions.

 * On larger screens (tablets, desktops) default width will be 20% for menu

* Issue #1: Add support for #sp-nav.wide which will always use a width of 80% regardless of screen size. Just add class="wide" to your sp-nav element.

### 0.1.2

Use hardware accelerated CSS transitions.

### 0.1.1

Remove horizontal scroll bars when menu is showing.

### 0.1.0

Initial release