wood/clash-and-dashboard
1
0
Fork 0
mirror of https://github.com/woodchen-ink/clash-and-dashboard.git synced 2025-07-18 14:01:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix: log scroll ux

Browse Source
This commit is contained in:
Dreamacro 2021-10-03 20:42:27 +08:00
parent df00d1c53d
commit 44dd8c6926
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/containers/Logs/index.tsx
View File

@ -14,12 +14,14 @@ export default function Logs () {
const { translation } = useI18n()
const { t } = translation('Logs')
const logsStreamReader = useLogsStreamReader()
const scrollHeightRef = useRef(listRef.current?.scrollHeight ?? 0)
useLayoutEffect(() => {
const ul = listRef.current
if (ul != null) {
ul.scrollTop = ul.scrollHeight
if (ul != null && scrollHeightRef.current === (ul.scrollTop + ul.clientHeight)) {
ul.scrollTop = ul.scrollHeight - ul.clientHeight
}
scrollHeightRef.current = ul?.scrollHeight ?? 0
})
useEffect(() => {