Hello,
I am having an issue where if I add pin: true to scrollTrigger it adds padding to the top and bottom, witch I know is does, but does not pin anything and it looks like I simply added a large padding to the top and bottom of the section.
I was wondering if this is because of the CSS. Does ScrollTrigger change some stylings that I already changed in the CSS file?
I've created a minimal code sanbox :https://codesandbox.io/s/stoic-mccarthy-h4qykw?file=/src/pages/
https://imgur.com/a/0IBWb7T
Works just fine for me. Maybe you need to resize your viewing-window and reload, to make sure locomotive-scroll actually uses the transform-smooth-scrolling ? ...because as already mentioned, it will revert back to native browser scrolling when loaded below a certain window width.
Which is also why you should not remove this line
pinType: document.querySelector(".App").style.transform
? "transform"
: "fixed"