# ScrollSlider

**Repository Path**: weismarts/ScrollSlider

## Basic Information

- **Project Name**: ScrollSlider
- **Description**: No description available
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-28
- **Last Updated**: 2021-12-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ScrollSlider
Be based on Sly: https://github.com/darsain/sly


npm: npm install https://github.com/match08/ScrollSlider.git --save
  ```
  import ScrollSlider from 'scroll-slider';
  ```
  ```
    let scrollSlider = new ScrollSlider(document.querySelector('.sly'), {
        // prev: '#prev-btn',
        // next: '#next-btn',
        startAt: 0
      },
      {
        active: (e, index) => {
          console.log(index);
  
        }
      });
  ```
  ```
  <div className="horizontal slyWrap">
    <div class"sly">
        <ul>
            <li>
                <a>
                <span>极光幻蓝</span>
                <i className="sprite selcolor-e"></i>
                </a>
            </li>
            <li>
                <a>
                <span>摩卡炫棕</span>
                <i className="sprite selcolor-b"></i>
                </a>
            </li>
            <li>
                <a>
                <span>玛瑙醇红</span>
                <i className="sprite selcolor-d"></i>
                </a>
            </li>
            <li>
                <a>
                <span>珍珠雅白</span>
                <i className="sprite selcolor-f"></i>
                </a>
            </li>
            <li>
                <a>
                <span>砂砾皓灰</span>
                <i className="sprite selcolor-c"></i>
                </a>
            </li>
            <li>
                <a>
                <span>磨砂皓灰</span>
                <i className="sprite selcolor-g"></i>
                </a>
            </li>
        </ul>
    </div>
  </div>
```