<h1>Draggabilly - axis: 'x' with vanilla JS</h1>
<div class="draggable"></div>
body { font-family: sans-serif; }
.draggable {
width: 140px;
height: 140px;
background: #F90;
border-radius: 10px;
}
.draggable.is-pointer-down {
background: #09F;
}
.draggable.is-dragging { opacity: 0.7; }
// external js: draggabilly.pkgd.js
var draggie = new Draggabilly( '.draggable', {
axis: 'x'
});
Also see: Tab Triggers