offcanvas
v3.3.0
Offcanvas menu library for browser
0/weekUpdated 2 years agoMITUnpacked: 19.7 KB
Published by First+Third
npm install offcanvasoffcanvas
Javascript library for off canvas (mobile style) menus.
Installation
``sh`
npm install offcanvas
_or_
`sh`
yarn add offcanvas
Usage
Use the CSS that's shown on the example and customise to your needs. Keep width and translate similar.
$3
` this is the left nav Diam nascetur a natoque gravida odio scelerisque vitae ante ligula est cum convallis ullamcorper suspendisse magnis rutrum dignissim. Lorem a amet faucibus suscipit suspendisse ultrices adipiscing vestibulum morbi nibh habitasse gravida orci condimentum magnis eleifend condimentum leo a quisque condimentum phasellus eros accumsan. Vestibulum ut vestibulum a tempor adipiscing nec fringilla semper purus nisl rhoncus a bibendum a at condimentum. Gravida facilisi cras vivamus et class habitant lacinia ridiculus laoreet parturient sapien pulvinar dui parturient sociis dis augue litora himenaeos ante. Ante nunc a augue nam ullamcorper nulla tortor et rhoncus non scelerisque adipiscing himenaeos a ullamcorper parturient vivamus donec vestibulum vel potenti ultrices diam leo ac a dignissim. A pharetra sagittis vestibulum a condimentum aliquam tristique tincidunt ad lacinia a quisque non a ante.html`
If you are using a fixed element to stick a navigation to the top, you can add the attribute data-offcanvas-fixed so once the offcanvas is shown it doesn't go to the top due to transform causing fixed elements to be absolute. See the example for more information.
$3
`css`
@import 'offcanvas/offcanvas.css';$3
`js``
import 'offcanvas';
---
_A First + Third Project_