Canvi — панель навигации off-canvas

Canvi навигационная панель (off-canvas) с несколькими параметрами для настройки.
Можно использовать сразу несколько панелей на одной странице,
устанавливать адаптивную ширину и впринципе использовать свои стили для панели.

GitHub

Открыть панель слева Открыть панель справа

Пример вызова

(function () {
	var t = new Canvi({
		content: ".js-canvi-content",
		isDebug: !1,
		navbar: ".js-canvi-navbar--left",
		openButton: ".js-canvi-open-button--left",
		position: "left",
		pushContent: !1,
		speed: "0.2s",
		width: "100vw",
		responsiveWidths: [ {
			breakpoint: "600px",
			width: "280px"
		}, {
			breakpoint: "1280px",
			width: "320px"
		}, {
			breakpoint: "1600px",
			width: "380px"
		} ]
	});
	
	var n = new Canvi({
		content: ".js-canvi-content",
		navbar: ".js-canvi-navbar--right",
		openButton: ".js-canvi-open-button--right",
		position: "right",
		pushContent: !0,
		width: "300px",
		isDebug: !1
	});
	
}());