How do you close it?<p>Taking a look at the source, it should use CSS translateY instead of javascript animation, would perform much better specially on mobile devices.
jQuery animate is terrible for performance. The demo lags at a few frames per second (and I'm testing on a Nexus 4).<p>CSS transitions are the method for this. Not without their own caveats, but usable. I've written extensively on the subject with this exact implementation of an off-canvas menu: <a href="http://coding.smashingmagazine.com/2013/01/15/off-canvas-navigation-for-responsive-website/" rel="nofollow">http://coding.smashingmagazine.com/2013/01/15/off-canvas-nav...</a>
The plugin currently shifts the main content pane to the right. It would be great if it could reduce its width instead, so the entire content can fit in the screen.
This looks pretty good. Currently using <a href="http://jpanelmenu.com/" rel="nofollow">http://jpanelmenu.com/</a>, though I'll have to try this one out to see how it compares.
I built a few different approaches to do these menus a while back. Mostly intended to be used on Phonegap applications where you can restrict the web view bounce. Yours look way more configurable but if anyone is interested in a Zepto.js version: <a href="https://github.com/tegansnyder/Zepto-Mobile-Slide-Menu" rel="nofollow">https://github.com/tegansnyder/Zepto-Mobile-Slide-Menu</a> I also have a JQuery version: <a href="https://github.com/tegansnyder/JQuery-Mobile-Slide-Menu" rel="nofollow">https://github.com/tegansnyder/JQuery-Mobile-Slide-Menu</a> and a neat little dropdown from top version: <a href="https://github.com/tegansnyder/CNN-Like-Swipe-From-Top-Menu-Zepto.js-Mobile-HTML5" rel="nofollow">https://github.com/tegansnyder/CNN-Like-Swipe-From-Top-Menu-...</a>
Hey, this is exactly what I was looking for! Thanks. Can someone explain why css animations are more efficient than javascript animations? Or is it just a matter of preference
It's cool to see more libraries appearing for this effect. I think it's really nice on the responsive demo at least.<p>It does beg some questions about using it in non-touch scenarios though. The experience with a mouse isn't the best right now because everything moves.<p>Would be curious about the menu having a close button of its own, in the exact same position that the "Menu" you would have clicked to open it was in.