본문으로 건너뛰기

Conveyer

npm install @egjs/conveyer
Conveyer adds Drag gestures to your Native Scroll.

Framework Ready

Use Conveyer in your favorite framework!

Features

It is simple and provides complete functionality.

Support Drag Gesture

You can use Native Scroll-like behavior through Drag.

Support Scroll Events

You can use custom scroll events like onBeginScroll, onFinishScroll, onReachStart, onLeaveStart, etc.

Support Animation

By adding easing features such as bounce, elasticity, and back, you can create smooth scrolling animations like Native Scroll.

Typescript

Conveyer is fully written in Typescript, and every classes, properties, and events are correctly typed and exported.

Support Reactive Properties

Supports Reactive Properties that can change state through properties that automatically detect changes instead of events.

It can be used as a detection method with subscribe method or as Hooks in Framework.

Quick Start
HTML
<div class="items">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
</div>
JS
import Conveyer from "@egjs/conveyer";

const conveyer = new Conveyer(".items");