Codebase & demo for slide and push menus. View the tutorial here.
View the live demo here.
Licensed under the MIT license.
Copyright 2014, Call Me Nick.
Slide and push menus with CSS3 transitions.
Home Page: http://callmenick.com/_development/slide-push-menus/
Codebase & demo for slide and push menus. View the tutorial here.
View the live demo here.
Licensed under the MIT license.
Copyright 2014, Call Me Nick.
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.
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)
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.
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?
How to close opened menu via JavaScript?
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!
In mobile if you try this menu, then you will find that you can scroll full page even when the menu is open.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.