tiny-offcanvas

Tiny and simple javascript offcanvas.

Options

Option	Type	Default	Description
id	string		id DOM element
data-position	string	left	special class can be added
data-size	string	small	special class can be added
data-transition	int	300ms	opening and closing animation speed

Usage example

Script

varoffcanvas=newOffcanvas;

View

<!-- Button trigger offcanvas --><buttonclass="offcanvas-btn"
data-target="#offcanvas-left"
>
Default
</button><!-- Offcanvas --><divclass="offcanvas-container"
id="offcanvas-left"
data-position="left"
data-size="medium"
data-transition="300"
><divclass="offcanvas-wrapper"><iclass="offcanvas-close"></i>
...
</div></div>