I’m trying to integrate an ‘expanding grid’ into a webflow project. I found a script that does what I need, demoed here: https://codepen.io/DanBoulet/pen/YXQBbZ
The links below demonstrate the problem (simplified for demo purposes).
Notice in this first link how, when the blue numbered cells are clicked, the expanding area opens, and the window scrolls to a position that includes the clicked cell in the viewport – this is the intended behaviour (this is the exported webflow site so I could remove tram.js from the webflow js file):
This is the same site but hosted in webflow and is identical except that it includes tram.js. Notice how the scroll behaviour does not work as intended (the clicked cell scrolls outside of the viewport):
webflow published link
webflow share link
I was hoping somebody could help me understand why this script is not working nicely with webflow’s tram.js?