# Events

**onScroll(info):** void

当滚动时周期性地调用该事件绑定的函数

```jsx
function onScroll(info) {
  console.log(info.offset, info.velocity)
}

<Scroll onScroll={onScroll} />
```

| <p>info: PanInfo</p><p>这个对象包含了各种x和y的信息:</p> |
| ------------------------------------------- |
| - **point:** 相对于设备或者页面的位置信息                 |
| - **delta：**&#x548C;上一次事件触发时的距离             |
| - **offset:** 与刚开始滚动时鼠标或者手指位置相比的偏移量         |
| - **velocity:** 当前指针的速度                     |

**onScrollStart(info):** void

开始滚动时触发绑定的函数

```jsx
function onScrollStart(info) {
  console.log(info.offset, info.velocity)
}

<Scroll onScrollStart={onScrollStart} />
```

| <p>info: PanInfo</p><p>这个对象包含了各种x和y的信息:</p> |
| ------------------------------------------- |
| - **point:** 相对于设备或者页面的位置信息                 |
| - **delta：**&#x548C;上一次事件触发时的距离             |
| - **offset:** 与刚开始滚动时鼠标或者手指位置相比的偏移量         |
| - **velocity:** 当前指针的速度                     |

**onScrolEnd(info):** void

开始结束时触发绑定的函数

```jsx
function onScrollEndStart(info) {
  console.log(info.offset, info.velocity)
}

<Scroll onScrollEnd={onScrollEnd} />
```

| <p>info: PanInfo</p><p>这个对象包含了各种x和y的信息:</p> |
| ------------------------------------------- |
| - **point:** 相对于设备或者页面的位置信息                 |
| - **delta：**&#x548C;上一次事件触发时的距离             |
| - **offset:** 与刚开始滚动时鼠标或者手指位置相比的偏移量         |
| - **velocity:** 当前指针的速度                     |