studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

disable observer

Browse source
This commit is contained in:
isUnknown 2025-10-08 15:08:53 +02:00
parent cde0eb1943
commit 4223a9d522
1 changed files with 32 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

69
src/components/project/PdfViewer.vue
View file

@ -50,43 +50,38 @@ const currentPageIndex = ref(1);
// Functions
const onPdfLoaded = () => {
const wrapper = document.querySelector('.vpv-pages-inner-container');
const observer = new IntersectionObserver(
(entries) => {
entries.forEach((entry, index) => {
if (entry.intersectionRatio > 0.5) {
currentPageIndex.value = parseInt(
entry.target.getAttribute('aria-label').split(' ')[1]
);
}
});
},
{
root: wrapper,
threshold: [0.5],
}
);
const observePages = () => {
const pages = document.querySelectorAll('.vpv-page-inner-container');
pages.forEach((page) => {
if (!page.__observed__) {
observer.observe(page);
page.__observed__ = true;
}
});
};
const mutationObserver = new MutationObserver(() => {
observePages();
});
if (wrapper) {
mutationObserver.observe(wrapper, { childList: true, subtree: true });
}
observePages();
// const wrapper = document.querySelector('.vpv-pages-inner-container');
// const observer = new IntersectionObserver(
// (entries) => {
// entries.forEach((entry, index) => {
// if (entry.intersectionRatio > 0.5) {
// currentPageIndex.value = parseInt(
// entry.target.getAttribute('aria-label').split(' ')[1]
// );
// }
// });
// },
// {
// root: wrapper,
// threshold: [0.5],
// }
// );
// const observePages = () => {
// const pages = document.querySelectorAll('.vpv-page-inner-container');
// pages.forEach((page) => {
// if (!page.__observed__) {
// observer.observe(page);
// page.__observed__ = true;
// }
// });
// };
// const mutationObserver = new MutationObserver(() => {
// observePages();
// });
// if (wrapper) {
// mutationObserver.observe(wrapper, { childList: true, subtree: true });
// }
// observePages();
};
</script>