1.1.0 • Published 1 year ago

du-autoscroll v1.1.0

Weekly downloads
-
License
ISC
Repository
-
Last release
1 year ago

消息自动滚动显示框

React 消息自动滚动显示框:组件内的内容超出自动滚动,显示最新内容。

建议使用支持虚拟列表的自动滚动消息框:https://www.npmjs.com/package/@dudulu/autolist

主要功能

  • 支持聊天消息自动滚动,显示最新消息。
  • 支持日志打印自动显示。
  • 支持对组件样式进行自定义设置,需设置style/className(注意css优先级)。
  • 内容超出高度时:鼠标移入后显示滚动条,移出则隐藏且继续自动滚动到最新消息。
  • ---未完待续

参数

属性描述
style自定义样式
className类名
onContextMenu组件右键触发事件,可用于给组件添加鼠标右键事件。
isAuto是否自动滚动到底部
children传入的内容(组件/文本)

使用方式

例子:

import AutoScroll from 'du-autoscroll'; // 导入模块
import 'du-autoscroll/dist/index.css'; // 导入样式

 <AutoScroll>
    {
      Array(24).fill('').map((_, index) => <div key={index}>{index}</div>)
    }
</AutoScroll>
1.1.0

1 year ago

1.0.9

1 year ago

1.0.8

1 year ago

1.0.7

1 year ago

1.0.6

1 year ago

1.0.3

1 year ago

1.0.2

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago