Skip to content

code0wl/swipeable-menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Reveal menu UI

A performant swipeable list slide menu reveal that works on any framework just like apple mail or Gmail. The focus is simplicity.

Try the demo on your mobile device here

Installation

For a demo, after starting the project with npm start. Just open the index.html and debug in mobile view to get touch events.

npm start

Usage

Check the HTML and CSS and it will all become clear to you. Basically they are two menus in the same div. One is ontop and the other is at the bottom. (important!) Keep in mind that it is only listening to touch events, so mouse events will not work. This is by design.

Include the script and create a new instance by

var swiper = new SwipeableList({
    element: '.swipeable-list',
    threshold: 50, // force it takes to open the menu
    speed: .5, // animation speed in seconds
    size: 25 // in percentages
});

About

💨Simple JS framework agnostic swipeable menu for touch devices

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published