mahdium/TBW
1
0
Fork 0
mirror of https://github.com/mmahdium/TBW.git synced 2025-12-20 04:33:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

Added auto load more on scroll

Browse Source
This commit is contained in:
Mohammad Mahdi
2025-11-04 12:11:26 +03:30
parent 8f5efad1a0
commit 2bfbb0e116
1 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/MediaList.vue
View File

@@ -15,6 +15,16 @@ const emit = defineEmits<{
(e: 'add-media', media: MediaType): void (e: 'add-media', media: MediaType): void
(e: 'remove-media', mediaId: number): void (e: 'remove-media', mediaId: number): void
}>() }>()
window.addEventListener('scroll', () => {
const scrollTop = window.scrollY
const windowHeight = window.innerHeight
const docHeight = document.documentElement.scrollHeight
const scrollPercent = (scrollTop + windowHeight) / docHeight
if (scrollPercent >= 0.75 && !props.loadingMore && props.isSearch) {
emit('loadMore')
}
})
</script> </script>
<template> <template>