renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor: Add throttling to handle reach bottom event

Browse Source
This commit is contained in:
Hakadao
2024-05-28 01:52:04 +08:00
parent 6f77f9acce
commit f47527e584
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/contentScripts/views/App.vue
View File

@@ -35,6 +35,7 @@ const showTopBarMask = ref<boolean>(false)
const handlePageRefresh = ref<() => void>()
const handleReachBottom = ref<() => void>()
const handleThrottledPageRefresh = useThrottleFn(() => handlePageRefresh.value?.(), 500)
const handleThrottledReachBottom = useThrottleFn(() => handleReachBottom.value?.(), 500)
const handleThrottledBackToTop = useThrottleFn(() => handleBackToTop(), 1000)
const topBarRef = ref()
const reachTop = ref<boolean>(false)
@@ -220,7 +221,7 @@ function handleOsScroll() {
}
if (clientHeight + scrollTop >= scrollHeight - 150)
handleReachBottom.value?.()
handleThrottledReachBottom()
if (isHomePage())
topBarRef.value?.handleScroll()