JQuery mobile pageslide, new facebook menu

Here is my story:

I need something like a new facebook menu on the left side of the screen. This is really nice, and I hope to add this to my webapp, but the problem is that I'm really not very good in CSS and even worse in css3.

After several hours of searching, I found out this link:

https://github.com/perezd/jquery-pageslide

This is exactly what I want, it is beautiful. But it does not work (yet) for mobile devices. When a link is clicked, it opens a whole new page, instead of the div being shifted to the view.

Any ideas how to make this work?

+6
source share
3 answers

I also wanted to implement this new FaceBook style menu and that’s what I came up with . Hope it helps. I am sure that this could be done better, but it was my attempt.

+15
source

This question is old, but here is a working solution for mobile devices:

It works on Windows phones, iOS and Android devices.

I tried to simplify the code as much as possible, easy to understand and modify.

http://apptitudes.github.com/SlidingMenuJS/

Check the menu_nav.js file for less than 100 lines.

+3
source

Not fully working, but should point you in the right direction:

Slide pages do not load text, but slide transitions are performed. You may also need to set up a tight transition.

Hope for this help

+1
source

Source: https://habr.com/ru/post/899464/


All Articles