en en en en en en en en en en en en en en en en fa en en fr hbs_lat en en en es en en en ms en de en fr en en en ca en en en en en en en en en en en fr en en en en en en en en en en sv en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en eu en de en en en nl en hu en fr en pl en fr en pt en en en en en en en fr cv es tr es en en en en ms en en en en en en fr en hbs_lat en en en en en en en fr cv es tr es en en en en de en en en ca en en en en en
Thank you very much for the solution. Unfortunately I tried to figure out if it was a css-related problem but I hadn't looked at the section properties. I am trying to follow guides and tutorials to learn how to handle GSAP with more confidence for my projects. Thank you for your help.
ScrollTrigger on WP with Divi Builder
nutfordesign replied to nutfordesign's topic in GSAP
And then the css styles. .horizontal-container { width: 300%; height: 100%; display: flex; flex-wrap: nowrap; max-width: none; } #page-container { overflow: hidden; } .horizontal-section { width: 100%; will-change: transform; }
nutfordesign started following "Step" at the beginning of the horizontal scroll and ScrollTrigger on WP with Divi Builder October 22, 2021
ScrollTrigger on WP with Divi Builder
nutfordesign posted a topic in GSAP
Hello everyone. I'm using the ScrollTrigger on WP with the Divi theme builder and so far I've had no problems achieving the desired effect: a website with 100% horizontal scrolling on Desktop. Today, however, I ran into a problem: when I added the latest sections to the homepage, I noticed that each section was reducing its width as if it had run out of space. As I add new sections, the previous ones become even smaller. The sections should each occupy 100% of the width of the viewport. Why is this problem occurring? Thank you in advance for your help. https://development.nutfordesign.com/horizontal-scroll-with-gsap/
"Step" at the beginning of the horizontal scroll
nutfordesign replied to nutfordesign's topic in GSAP
Hi. I did some tests and saw that the problem only occurs within the Wordpress dashboard. When accessing the page with an anonymous tab, the problem does not occur. Sorry about the topic.
"Step" at the beginning of the horizontal scroll
nutfordesign posted a topic in GSAP
Hello, everyone. I am writing because I have a problem with the horizontal scroll applied within the Divi theme builder. The scroll works correctly and I managed to set some media queries to deactivate the effect on tablet and mobile. However, I have noticed that at the beginning of the scroll there is a sort of "step" as if the viewport was scrolling vertically for a few pixels. Unfortunately it's built on Divi and therefore not a link to codepen but to the development page: Development page I hope you can help me Thanks
“Sincerely, the people behind GSAP are sorcerers”
“I can definitely say ever since I started using GSAP, my work exponentially improved. It basically changed my life.”
“GSAP is awesome - I just dropped all my [custom] code, like a thousand lines of code and everything is so so much simpler, smoother and much easier to read for other developers! You have no idea how cool it is to offload that thought process to you guys!”
“I think I love GreenSock as much as bacon.”
“GSAP IS the animation library and has been for years. If you're gonna learn one - this is it.”
“I will never say it enough but @greensock you are absolutely amazing and you have no idea how much time and brain cells I have spared thanks to you 🥰”
“I'm always left with my mind blown by the way in which you guys quickly identify the solution and provide answers.”
“Any time I've struggled to achieve a complex animation in CSS alone, I've never regretted using @greensock 's GSAP. After all these years, and impressive competitors, it's still Best In Class.”
“I just tried to animate some objects using vanilla js but it was really laggy- switched to GSAP and now it’s smooth af”
Sign Up For Our Newsletter
Get the latest updates on GreenSock products, exclusive offers, and more right in your inbox.
Your information will always be kept confidential.
Thanks for signing up!
Now you'll begin receiving the latest GreenSock updates, exclusive offers, and more right in your inbox. Welcome aboard.