diff --git a/packages/frontend/src/components/MkPagination.vue b/packages/frontend/src/components/MkPagination.vue index a2e062bef8..5febf1b8f6 100644 --- a/packages/frontend/src/components/MkPagination.vue +++ b/packages/frontend/src/components/MkPagination.vue @@ -182,11 +182,11 @@ watch([() => props.pagination.reversed, $$(scrollableElement)], () => { scrollObserver = new IntersectionObserver(entries => { if (!active.value) return; // activeでない時は触らない - weakBacked = entries[0].isIntersecting; + weakBacked = entries[0].intersectionRatio > 0.1; }, { root: scrollableElement, - rootMargin: props.pagination.reversed ? '-130% 0px 130% 0px' : '130% 0px -130% 0px', - threshold: [0], + rootMargin: props.pagination.reversed ? '-100% 0px 100% 0px' : '100% 0px -100% 0px', + threshold: [0, 0.01, 0.02, 0.04, 0.08, 0.1, 0.12], }); }, { immediate: true });