vagteam-scroller

基于 react 的 滚动条组件, 在线 demo

Installation

npm install vagteam-scroller --save

Usage

import React from 'react'
import Scroller from 'vagteam-scroller'

class Demo extends React.Component {
  render() {
    const tagName = ['java', 'javscript', 'C', 'C++', '前端', 'React', 'Vue', 'redux', '写作', '程序员', '编程']
      return (
        <<Scroller
            width="100px"
            height="200px"
            isHorizontalBar={false}
            isVerticalBar={true}>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
            <div>我是XX</div>
        </Scroller>
      )
   }
}

API

对于Scoller可以设置一些自定义属性，具体如下：

| 属性 | 说明 | 类型 | 默认值 | --- | --- | --- | -- | | width | 宽度 | string | 100% | height | 高度 | string | 100% | isHorizontalBar | 是否显示水平滚动条 | boolean | true | | isVerticalBar | 是否显示垂直滚动条 | boolean | false

License

MIT