滚动阴影
当内容在滚动时溢出时,应用顶部和底部的阴影。
npx nextui-cli@latest add scroll-shadow
以上命令仅用于单独安装。如果
@nextui-org/react
已经全局安装,您可以跳过此步骤。
隐藏滚动条
您可以使用
hideScrollBar
属性来隐藏垂直和水平滚动条。
自定义阴影大小
默认情况下,阴影大小为
40
像素,但您可以使用
size
属性更改它。
如果您需要在水平滚动上应用阴影,可以将
orientation
属性设置为
horizontal
。
默认情况下,阴影偏移为
0
像素,但您可以使用
offset
属性更改它。这允许您在特定位置应用阴影。
ShadowScroll 属性
属性 | 类型 | 描述 | 默认值 |
---|---|---|---|
size |
数字
|
阴影大小(以像素为单位)。 |
40
|
offset |
数字
|
显示阴影的滚动偏移量(以像素为单位)。 |
0
|
hideScrollBar |
布尔值
|
是否隐藏滚动条。 |
false
|
orientation |
horizontal
|
vertical
|
滚动方向。 |
vertical
|
isEnabled |
布尔值
|
是否启用阴影。 |
true
|
visibility | ScrollShadowVisibility | 阴影可见性。(受控) |
auto
|