此组件已弃用。请自行编写 CSS。

Scrollable 是一个布局组件,用于将内容置于可滚动的容器中。

用法

import { __experimentalScrollable as Scrollable } from '@wordpress/components';

function Example() {
    return (
        <Scrollable style={ { maxHeight: 200 } }>
            <div style={ { height: 500 } }>...</div>
        </Scrollable>
    );
}

属性

children: ReactNode

子元素。

  • 必填:是

scrollDirection: string

当内容溢出时,为特定轴渲染滚动条。

  • 必填:否
  • 默认值:y
  • 允许的值:x、y、auto

smoothScroll: boolean

启用(CSS)平滑滚动。

  • 必填:否
  • 默认值:false