v0.0.1

Marquee

内容自动无限循环滚动,支持任意节点、横向与纵向以及反向播放,悬停可暂停,自动尊重系统的减弱动态效果偏好。

ReactTypeScriptMotionWebGLThemingAccessibility

Customize

Props

属性类型默认值说明
childrenReactNode—需要循环滚动的内容,任意节点
direction'left' | 'right' | 'up' | 'down''left'滚动方向
durationnumber20跑完一轮所需的秒数,数值越大越慢
repeatnumber2最少重复份数;实际份数会按容器尺寸自动补足,保证循环无缝
gapnumber0每份内容之间的间距(px)
infinitebooleantrue是否无限重复播放,关闭时只播放一轮
pauseOnHoverbooleantrue鼠标悬停时是否暂停
classNamestring—自定义类名