Scroll可滑动容器

引入

{
  "usingComponents": {
    "x-scroll":"waft-ui/assembly/scroll/scroll"
  }
}

代码示例

<x-scroll showScrollbar="{{false}}" scrollEnd="onScrollEnd"></x-scroll>

this.addEventListener("onScrollEnd", (event) => {
  console.log("==== onScrollEnd事件 ====");
  console.log(event.toString());
});

API

• props | 参数 | 说明 | 类型 | 默认值 | | —- | —- | —- | —- | | scrollDirection | 滚动方向, 默认 y 纵向滚动, x 表示横向滚动 | string | y | | lowerThreshold | 距离底部多少触发 | number | 50 | | scrollTop | 设置滚动条位置(纵向滚动)
  在didmount中动态更新 | number | 0 | | scrollLeft | 设置滚动条位置(横向滚动) | number | 0 | | showScrollbar | 是否展示滚动条 | boolean | false |

• Events | 事件名 | 说明 | 参数 | | —- | —- | —- | | scroll | 滚动时触发 |
  | | scrollStart | 滚动开始时触发 | | | scrollEnd | 滚动结束时触发 | | | scrollToLower | 滚动到底部触发 | |