Problem with width in horizontal scrolltrigger
Hi! I have a problem in my code with container's width, when I scrolling. For example, I don't see my las item in the list. I can't understand why there is this problem. I use ScrollTrigger and GSAP for this horizontal scroll. Also active element is wrong, because I can't scroll to end of list
See the Pen BadoYqM by afonin_vlad (@afonin_vlad) on CodePen
Creating somthing similar feeling to the website actually wouldn't be the hardest - I'll keep it relatively simple in this following example.
You could add a padding-left to your .principles__list;
I chose 50vw minus half a box's width here, so the first box will be centered at the start
In the getMaxWidth function where I previously substracted the padding on the container you could adjust the maxWidth further to your liking;
I chose maxWidth += window.innerWidth
