Scrollable off-canvas menu DEMO

HEY! READ ME!
Just open this webpage on any Android device. Give it a try! Also keep in mind that this demo was made for and tested only with Android devices. It may not be wroking well under other devices, different mobile browsers, iOS. So whats supported? I guess most Android 2.1+ phones and tablets.

On the bottom of this page there are some debug info, so you can check your device's user-agent and WebKit version.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean viverra imperdiet adipiscing. Duis tempor ante blandit turpis euismod elementum. Nunc convallis leo et justo gravida pulvinar. Duis faucibus placerat sem, a ullamcorper nulla consequat at. Suspendisse eu est mollis, ornare urna ac, auctor ante. Ut porta eros vitae elementum bibendum. Praesent rhoncus aliquet porttitor. Vivamus tristique iaculis magna eu eleifend. Nulla porta urna at lorem tincidunt, quis commodo neque accumsan. Nullam cursus condimentum felis. Suspendisse ligula elit, feugiat ut libero lacinia, pulvinar aliquam nisl. Vivamus sollicitudin eros vitae nulla fringilla, consequat elementum dui faucibus.

Maecenas vel interdum leo, a hendrerit nulla. Quisque vitae urna nec sapien iaculis tempus. Aliquam elit arcu, hendrerit at vehicula vitae, ultrices eu erat. Pellentesque quis nisi id metus varius interdum non nec sapien. Pellentesque sed justo id nisi pharetra faucibus eget id lorem. Suspendisse potenti. Aliquam erat volutpat. Duis porttitor accumsan erat porttitor consequat.

Quisque porta tortor porttitor lorem aliquam, et fermentum nulla pulvinar. Integer molestie arcu vitae sem congue, eget lobortis urna laoreet. Sed id aliquet leo. Integer sed odio rutrum, interdum quam sit amet, lacinia ipsum. Fusce non nibh ac est vulputate molestie. Nullam sodales leo lorem, eu condimentum massa semper in. Suspendisse potenti. Nulla euismod, sapien nec adipiscing dapibus, dui augue vehicula tortor, id imperdiet diam justo eget erat. Nam ac porttitor magna. Etiam hendrerit ornare nisl a rhoncus. Proin iaculis, odio vel egestas vulputate, dui elit lacinia nisl, ac imperdiet tortor lacus et dui. Donec vel dignissim tortor. Aenean nisl odio, elementum eu enim vitae, malesuada ullamcorper neque. Nunc mollis porta porttitor. Aliquam lobortis dictum vulputate.

Nulla facilisi. Nulla cursus tincidunt cursus. Pellentesque cursus, est vel dapibus ultricies, lorem erat dapibus lectus, sit amet commodo turpis libero ac dui. Mauris sem nulla, condimentum sed velit ut, pellentesque varius tortor. Quisque eget congue lorem. Aenean consequat, lacus vitae dignissim elementum, felis nibh cursus neque, sit amet tempor dolor mi eget arcu. Proin quis egestas lectus, ac tincidunt augue.

Curabitur id posuere erat, vitae pharetra massa. Donec venenatis, est quis cursus sagittis, ipsum nisl elementum nibh, vitae porttitor erat orci auctor metus. Mauris posuere viverra elit, sit amet pharetra nibh laoreet non. Vivamus rhoncus tellus at odio lobortis ultrices. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras tempor, lectus eget volutpat venenatis, ligula odio fringilla massa, eu imperdiet est urna sed magna. Nulla pulvinar ullamcorper ligula id facilisis. Vestibulum consequat diam in leo elementum eleifend cursus in orci. Sed non velit ut turpis mollis adipiscing id eu tortor. Nunc auctor leo in lacus suscipit, at congue libero rhoncus. Nunc dignissim nisi tellus, vulputate tincidunt orci posuere nec. Nunc vel fringilla tellus. Integer egestas ipsum id semper placerat. Praesent in condimentum nibh. Praesent ullamcorper ultrices lectus, at malesuada urna blandit in. Nullam egestas eget ante at posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean viverra imperdiet adipiscing. Duis tempor ante blandit turpis euismod elementum. Nunc convallis leo et justo gravida pulvinar. Duis faucibus placerat sem, a ullamcorper nulla consequat at. Suspendisse eu est mollis, ornare urna ac, auctor ante. Ut porta eros vitae elementum bibendum. Praesent rhoncus aliquet porttitor. Vivamus tristique iaculis magna eu eleifend. Nulla porta urna at lorem tincidunt, quis commodo neque accumsan. Nullam cursus condimentum felis. Suspendisse ligula elit, feugiat ut libero lacinia, pulvinar aliquam nisl. Vivamus sollicitudin eros vitae nulla fringilla, consequat elementum dui faucibus.

Some devices user agent:

I was just testing JS device detecting

HTC Desire:
Mozilla/5.0 (Linux; U; Android 2.3.4; pl-pl; HTC Desire Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile

Samsung Galaxy S2:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/534.24 (KHTML, like Gecko) Chrome/11.0.696.34 Safari/534.24

Modecom Freetab 9702 IPS x2:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/534.24 (KHTML, like Gecko) Chrome/11.0.696.34 Safari/534.24


This devices user agent is