Javascript

【Javascript】スワイプ操作を可能にしたサイドメニューSnap

September 16, 2018

Snap.jsはスワイプ操作を可能にしたサイドメニューJavascriptライブラリ。

Installation

<script src="snap.js"></script>

Usage

var snapper = new Snap({
  element: document.getElementById('content')
});

Settings and Defaults

settings = {
    element: null,
    dragger: null,
    disable: 'none',
    addBodyClasses: true,
    hyperextensible: true,
    resistance: 0.5,
    flickThreshold: 50,
    transitionSpeed: 0.3,
    easing: 'ease',
    maxPosition: 266,
    minPosition: -266,
    tapToClose: true,
    touchToDrag: true,
    slideIntent: 40,
    minDragDistance: 5
}

MIT