User
useScroll
描述: 负责处理滚动监听 , 可以绑定一个容器, 进行滚动事件监听
传递参数
名称 | 类型 | 默认值 | 描述/备注 |
---|---|---|---|
contain | Ref>HTMLElement | HTMLElement | string | 需要监听滚动的容器 | |
options | Option | {} | 其他参数 |
options.observer | Boolean | fase | 滚动的数据是否需要响应式处理 |
options.immediate | Boolean | false | 是否在使用时自动进行订阅 |
返回[State , Context ]
State
名称 | 类型 | 描述/备注 |
---|---|---|
top | number | 滚动的top距离 = scrollTop |
left | number | 滚动的left距离 = scrollLeft |
direction | String | ‘none’ = 初始化/未滚动 vertical = 垂直 , horizontal = 水平 |
Context
名称 | 类型 | 描述/备注 |
---|---|---|
start | Function | 开始向滚动容器订阅滚动事件 |
stop | Function | 结束滚动容器订阅滚动事件 |
defineScroll | Function(Callback) | 传递一个scroll 回调, 在容器滚动的时候会执行他 |
isVertical | Ref>Boolean | 当前滚动是否是垂直滚动( 这属性只有在对象是响应式的时候才会触发) |
isHorizontal | Ref>Boolean | 当前滚动是否是水平滚动( 这属性只有在对象是响应式的时候才会触发) |