[ScrollSmoother not refresh the page height when accordion is open/closed]

2 hours ago, GreenSock said:

You can simply call ScrollTrigger.refresh() to have the start/end positions recalculated. 

Should I use it inside accordion function? I put the ScrollSmoother wrapper and content in the master template file so every page will have the smooth scrolling effect.

[ScrollSmoother not refresh the page height when accordion is open/closed]

I used ScrollSmoother in a Drupal site, for some reason when there are accordions inside the page, when open or close the accordion, the page height is not refreshed, which made it either unable to scroll all the way to the end of the footer when the accordion is open, or leave some empty space after the footer when the accordion is closed, any thoughts on solving the issue or refresh the page height when an accordion is open/close?

[ScrollSmoother Uncaught TypeError: Cannot read properties of undefined (reading '_getVelocityProp')]

Issue solved, wrong version of GSAP

 

[ScrollSmoother Uncaught TypeError: Cannot read properties of undefined (reading '_getVelocityProp')]

Included the min file inside the folder, and registered the plugin, but caught the error:

ScrollSmoother Uncaught TypeError: Cannot read properties of undefined (reading '_getVelocityProp')

gsap.registerPlugin(ScrollTrigger, ScrollSmoother)

 

let smoother = ScrollSmoother.create({

wrapper:"#smooth-wrapper",

content: "#smooth-content",

smooth: 2, // seconds it takes to "catch up" to native scroll position

smoothTouch: 0.1,

effects: true // look for data-speed and data-lag attributes on elements and animate accordingly

})