滚动区域如何滚动到底部

Question

我正在使用组件：https://www.npmjs.com/package/xico2k-react-scroll-area

我有个问题，如何滚动到底？我找到了类似goToBottom(duration = 400);的方法，但我该如何使用它？

我的代码：

import React, {useEffect, useState} from 'react';
import ScrollArea  from 'xico2k-react-scroll-area';
export default function Chat() {
return (
<React.Fragment>
<ScrollArea>
[... some long div]
</ScrollArea>
</React.Fragment>
);
}

Answer 1

似乎没有太多的文档，所以我检查了他们演示的源代码，看起来你可以使用goToBottom函数，如下所示：

从"React"导入React，｛useEffect，useState｝；从"xico2k反应滚动区域"导入滚动区域；

export default function Chat() {
goToBottom() {
this.refs.scroll.goToBottom(your_duration);
}
return (
<React.Fragment>
<ScrollArea>
[... some long div]
</ScrollArea>
</React.Fragment>
);
}