asscroll VS vue-virtual-scroller

An old coworker made this custom hook using ashthornton/asscroll, now the problem is when I am using it on two page with difference layout container. It somehow stopped working when navigating to the other page unless I refresh it. Been working with chatGPT to solve and debug but still haven't got any clue, the co worker who made it also can't be contacted. I feel like asking at this subreddit is a great place since I am super stuck and my deadline is this Monday. Please help :')

That site is manually coded in React the animation is a canvas so it's pretty much some webgl mastery, they also use this library for scroll https://github.com/ashthornton/asscroll

Yikes. I feel bad for your company. You should introduce them to this https://github.com/ashthornton/asscroll when you resign. For their sake.

You could just use the same library they used which is https://github.com/ashthornton/asscroll

Asscroll seems to be another fairly popular option: https://github.com/ashthornton/asscroll The scrollTrigger docs have an example of implementing it (as well as locomotive). I’ve only used locomotive myself but not on a Gatsby site.

I'll debug this further to confirm, the problem could be rendering that amount of data instead of actually filtering them. I'm using vuejs2, when the user type something I emit an event which in turn will call a computed property that will get trigged to start the filtering then pass that filtered data to a component library as a prop called DynamicScroller which is supposedly described as "Blazing fast scrolling for any amount of data"

To fix this, we can opt for using a Virtual Scroller (luckly for us there is one for Vue 3.0) this will keep our page for rendering so many HTML tags and it will create a smooth and clean experience for our users.

It is a solution name. You can find libraries. https://github.com/Akryum/vue-virtual-scroller

These popular components allow for quick scrolling through large amounts of data in Vue apps, but do come with a caveat; Vue-virtual-scroller and Vue-virtual-scroll-list don’t deal with dynamic heights unless you hardcode them. If you want to test it out, there is a playground available for Vue Virtual Scroller here.

30 mins, i have been trying to find a virtual scroller library that supports variable height per item with support for transitions ,this one doesnt support transitions https://github.com/Akryum/vue-virtual-scroller and has no tests, for the last 6 months

Website: https://akryum.github.io/vue-virtual-scroller/#/ GitHub: https://github.com/Akryum/vue-virtual-scroller GitHub Stars: 3.4k