Javascript
【Javascript】シンプルなvanilla JavaScriptオフキャンバスナビゲーションCanvi
October 29, 2017

Canviシンプルなvanilla JavaScriptオフキャンバスナビゲーション。
// To the head <link rel="stylesheet" href="canvi.css"> // To the end of the body <script src="canvi.js"></script>
<!DOCTYPE html> <html lang="en"> <head></head> <body> <div class="canvi-navbar"></div> <div class="canvi-content"></div> </body> </html>
var canvi = new Canvi();
var canviLeft = new Canvi({ content: '.js-canvi-content', navbar: '.js-canvi-navbar--left', openButton: '.js-canvi-open-button--left' }); var canviRight = new Canvi({ content: '.js-canvi-content', navbar: '.js-canvi-navbar--right', openButton: '.js-canvi-open-button--right' });
MIT