JSPM

  • Created
  • Published
  • Downloads 108302
  • Score
    100M100P100Q180713F
  • License MIT

Implements scroll on drag

Package Exports

  • react-indiana-drag-scroll

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-indiana-drag-scroll) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React Indiana Drag Scroller

Implements scroll on drag

NPM JavaScript Style Guide

Welcome to journey!

Try it yourself! Go to demo website.

Install

npm install --save react-indiana-drag-scroller

Usage

import React, { Component } from 'react'
import React, { Component } from 'react'

import ScrollContainer from 'react-indiana-drag-scroll'

class Example extends Component {
  render () {
    return (
      <ScrollContainer className="scroll-container">
        { ... }
      </ScrollContainer>
    )
  }
}

Component properties

Prop Type Description Default
vertical Bool Allow vertical drag scrolling true
horizontal Bool Allow horizontal drag scrolling true
hideScrollbars Bool Hide the scrollbals true
activationDistance Number The distance that distinguish click and drag start 10
children Node The content of scrolling container
onScroll Function Invoked when user scrolling container
onEndScroll Function Invoked when user ends scrolling container
onStartScroll Function Invoked when user starts scrolling container
className String The custom classname for container
style Number The custom styles for container

License

The source code is licensed under MIT, all images (except hieroglyphs) are copyrighted to their respective owner © Norserium