SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: make sure setActiveImage gets integer value after scroll

Browse source
This commit is contained in:
Sebin Nyshkim 2023-01-25 19:28:54 +01:00
parent a0182fe447
commit 6b0acce446
1 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/RefGallery.vue
View file

@ -49,7 +49,9 @@ const next = (): void => {
}; };
const onScroll = (): void => { const onScroll = (): void => {
const newImg = getActiveImage(galleryViewport.value, galleryItemWidth.value); const newImg = Math.floor(
getActiveImage(galleryViewport.value, galleryItemWidth.value)
);
setActiveImage(newImg); setActiveImage(newImg);
}; };
@ -58,7 +60,7 @@ onMounted(() => {
images.value = Array.from(galleryViewport.value.children); images.value = Array.from(galleryViewport.value.children);
galleryItemWidth.value = galleryItemWidth.value =
galleryViewport.value.scrollWidth / images.value.length; galleryViewport.value.scrollWidth / images.value.length;
galleryViewport.value.addEventListener("scroll", debounce(onScroll, 100)); galleryViewport.value.addEventListener("scroll", debounce(onScroll, 500));
}); });
</script> </script>