Giter Site home page Giter Site logo

slide-push-menus's Introduction

Slide & Push Menus

Codebase & demo for slide and push menus. View the tutorial here.

Live Demo

View the live demo here.

License & Copyright

Licensed under the MIT license.

Copyright 2014, Call Me Nick.

slide-push-menus's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

slide-push-menus's Issues

Left Push Menu Android 4.3 and below

Hi,

I tried this Menu out on mobile and it works really like a charm :)!!
But unfortunately on Android 4.3 and below it won't work for me. The Menu is all the time shown. Any idea how to fix this? Already played around with z-index and setted it to 0. Then it seems to be normal but as the menu will be pushed out no element seems to be clickable. Very weird :-/...
Any ideas how to fix that?

Thanks!

Preserve content-scroll

When toggling the slide-in menu from the left or right, the main content is restricted to the viewport-height, and thus the scrollbar disappears when toggled. Can this be circumvented to allow scrolling of the main content from the sliding-menus (internal anchors), and to preserve the scrollbar? When it disappears there is a notable "shock", where it would be preferable to maintain both scrolling and the scrollbar.

Example code does not PUSH

If the tutorial example code is altered for PUSH, it does not push, it still slides. I fail to see any documentation, just the tutorial. Is this correct? Cannot figure out how these containers work because like I said, the current example does not work with a PUSH in a fiddle.

Uncaught syntaxerror cannot read property 'queryselector'

Hi! Great plugin thank you very much for sharing!

I run a WordPress website and I implemented everything but I get an error on menu.js line #54
"Uncaught syntaxerror cannot read property 'queryselector' of null."

This is the line this.closeBtn = this.menu.querySelector('.c-menu__close');

Any ideas on how to fix this?

Possible modification to the slide-left menu

Hi Nick.

Is there a way I could implement this without any javascript? I'm avoiding the use of jQuery and Prototype. If so, let me know. I'd love to use this menu and give credit where it's due if i could keep this simple (CSS only)

In mobile it has some bugs

In mobile if you try this menu, then you will find that you can scroll full page even when the menu is open.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.