Slideout.js

Implementing Slideout.js into your project is easy. Slideout is available on cdnjs. Also you can use one of many package managers. First of all, you'll need to create your markup. You should have a menu (#menu) and a main content (#panel) into your body. Add the Slideout.js styles (index.css) in your web application. Then you just include Slideout.js, create a new instance with some options and call the toggle method. Supports Chrome (IOS, Android, desktop), Firefox (Android, desktop), Safari (IOS, Android, desktop), Opera (desktop), and IE 10+ (desktop and mobile). You can use the special HTML attribute data-slideout-ignore to disable dragging on some elements. For example, if you have to prevent slideout will open when touch on carousels, maps, iframes, etc. The slideout emits translatestart, translate and translateend events only when it is opening/closing via touch events.

Features

Dependency-free
Simple markup
Native scrolling
Easy customization
CSS transforms & transitions
Just 2 Kb! (min & gzip)

Project Samples

Project Activity

See All Activity >

License

MIT License

Follow Slideout.js

Slideout.js Web Site

Other Useful Business Software

$300 Free Credits to Build on Google Cloud

New customers can spin up VMs, build with AI, and query data at no cost.

Put your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.

Start Free

Rate This Project

User Reviews

Be the first to post a review of Slideout.js!

Additional Project Details

Operating Systems

Android, Apple iPhone

Programming Language

JavaScript

Related Categories

JavaScript User Interface (UI) Software

Registered

2021-07-15

Similar Business Software

Kevel

Kevel (previously Adzerk) gives you the APIs needed to quickly build your own fully-customized ad server for sponsored listings, internal promotions, native ads, and more – so you can take back the Internet and drive more online revenue. Our award-winning platform handles over three billion API...

See Software
Userback

Userback is the leading user feedback and bug tracking solution for software teams looking to understand users and build better products. With Userback, you can collect metadata-enriched visual feedback and gain deep insights into your user's sentiment and behavior with in-app surveys like...

See Software
Ruttl

ruttl is the fastest way for product, marketing, sales and support teams to collect visual feedback, collaborate, and manage ideas through tools like website feedback, bug tracking and mobile app feedback. Users can leave comments directly on live websites/apps and make real time edits so they...

See Software
Miro

Keep your team's minds in sync with Miro (formerly RealtimeBoard and AWW app). A virtual whiteboard and remote collaboration tool, Miro helps cross-functional teams work more efficiently together to build great things. The platform allows teams to ideate, visualize, and share ideas without any...

See Software
BugHerd

BugHerd is the world's simplest visual feedback & bug tracker tool for websites, loved by thousands of great teams worldwide to manage their web projects. Point & click client feedback directly to your site, with ZERO project limits. --- 🌟BugHerd works in 3 easy steps:🌟 1. Pin...

See Software
Smaply

Smaply is the leading platform for journey management, empowering teams to design, manage, and scale customer journeys across organizations. Built for those who put customers at the heart of their operations, Smaply offers robust tools to visualize journey maps and personas, enabling clear...

See Software