rmbettencourt

I looked into the docs section for both plugins. However, I found nothing that updates these when new content is inserted/modified (via ajax or div height change). Iµ have a scrollbar that makes the height more similar to a native scrollbar height. At first load, it works flawlesslesly, but when content is modified or inserted (I have dropdown menus, that change the scrollable height, comments that are inserted via ajax, etc.), the scrollbar seems to glitchy because it does not update. My main thing is with the draggable plugin, since the animations seems to work on the new content with ScrollSmoother. Anyhow, is there a way to update BOTH plugins when the dom is changed or window is resized?

Yeah. The fact that ajax does not seem to work on codepen. That is why I committed, it is just a simply jquery ajax call. When it is successful, it will call the ajaxLoad function.

I really do not like using codepen, since I always have issues making it function how my developing code is going. Anyhow, here it is (does not really work on my end though): https://codepen.io/rmbettencourt/pen/ZEPjYYP

Just using jquery ajax. So then I do smoothscroller.kill()? And how would the scrolltrigger look like over the update to handle the animation for the progress-fill?

I was not able to find anything regarding smooth scroller and content via ajax (that applies to my specific question). Anyhow. I had tried .kill(); but that seemed to not really fix my issue (so I simply reverted back to paused(true/false). The scrolltrigger aspects work (as in animation of characters in certain elements). However, the data-lag or data-speed seem to disapear when the page gets loaded again via ajax. Here are my parameters: bodyScroll = ScrollSmoother.create({ wrapper: 'main', content: '.main-container', smooth: 4, normalizeScroll: true, ignoreMobileResize: false, smoothTouch: 0.4, effects: true, onUpdate: (self) => { var clipPathHeight = (1 - self.progress) * 100 + '%'; gsap.set('.gooey-container.page-progress .progress-fill', { clipPath: 'polygon(0 100%, 100% 100%, 100% ' + clipPathHeight + ', 0 ' + clipPathHeight + ')' }); }, });

The styling will also need to be adjusted, but I think I have seen a pen similar to this that used gsap for it. I have not been able to find it, but I remember it used some gsap timeline to create bubbles similar to this to fill up the page, in the timeline it would add or remove the bubbles based on screen width and height.

Not really, I asked if there was a way to run them on virtual hosts. I was able to find a workaround though.

I decided to give the club plugins a trial before I commit to buying. However when attemtping my first test run, I got the redirect. Is there a way to use the trials on virtual hosts, these are local afterall?