@xwink/ui

    ScrollArea

    滚动照旧是原生的(惯性、键盘、读屏都不变),只把滚动条换成跟 token 走的细条:Windows 上不再是粗灰条,macOS 上也不随系统设置一直显示。高度或宽度由 class 给(h-56、max-h-80)。

    纵向与横向

    发版标签

    v1.40.0

    v1.39.0

    v1.38.0

    v1.37.0

    v1.36.0

    v1.35.0

    v1.34.0

    v1.33.0

    v1.32.0

    v1.31.0

    v1.30.0

    v1.29.0

    v1.28.0

    v1.27.0

    v1.26.0

    v1.25.0

    v1.24.0

    v1.23.0

    v1.22.0

    v1.21.0

    v1.20.0

    v1.19.0

    v1.18.0

    v1.17.0

    v1.16.0

    v1.15.0

    v1.14.0

    v1.13.0

    v1.12.0

    v1.11.0

    v1.10.0

    v1.9.0

    v1.8.0

    v1.7.0

    v1.6.0

    v1.5.0

    v1.4.0

    v1.3.0

    v1.2.0

    v1.1.0

    1
    2
    3
    4
    5
    6
    7
    8
    • type 定滚动条何时出现:hover(缺省,悬停或滚动时)、scroll(滚动时)、auto(溢出就常显)、always。
    • orientation 取 vertical(缺省)、horizontal、both。横向滚动的内容要自己撑开宽度(w-max)。

    整页滚动不要套它:浏览器自己的滚动条与地址栏收起、下拉刷新这些行为绑在一起,换掉得不偿失。

    API

    Props

    名称类型默认值说明
    type"hover" | "always" | "scroll" | "auto" | undefined"hover"滚动条何时出现:hover(缺省,悬停或滚动时)/ scroll(滚动时)/ auto(内容溢出就常显)/ always
    orientation"vertical" | "horizontal" | "both" | undefined"vertical"哪个方向可滚,缺省纵向

    Slots

    插槽说明
    default—