laoxong/misskey
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✌️

Browse Source
This commit is contained in:
tamaina 2022-03-05 20:04:48 +09:00
parent 17d71fa0ad
commit 6dc9a6ccc3
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/client/src/components/ui/pagination.vue
View File

@ -102,18 +102,20 @@ const {
const contentEl = $computed(() => props.pagination.pageEl || rootEl);
const scrollableElement = $computed(() => getScrollContainer(contentEl));
const observer = $computed(() => new IntersectionObserver(entries => {
backed = props.pagination.reversed ? !entries[0].isIntersecting : entries[0].isIntersecting;
// 先頭が表示されているかどうかを検出
// https://qiita.com/mkataigi/items/0154aefd2223ce23398e
const scrollObserver = $computed(() => new IntersectionObserver(entries => {
backed = entries[0].isIntersecting;
}, {
root: scrollableElement,
rootMargin: props.pagination.reversed ? "-100% 0px 100% 0px" : "100% 0px -100% 0px",
threshold: 0.01,
}));
watch($$(contentEl), () => {
observer.disconnect();
watch($$(rootEl), () => {
scrollObserver.disconnect();
nextTick(() => {
if (contentEl) observer.observe(contentEl);
if (rootEl) scrollObserver.observe(rootEl);
});
});
@ -339,7 +341,7 @@ onMounted(() => {
});
onBeforeUnmount(() => {
observer.disconnect();
scrollObserver.disconnect();
});
defineExpose({