Jump to content
Search Community

ScrollTrigger.refresh() not working as expected on resize

JoelDenne test
Moderator Tag

Go to solution Solved by OSUblake,

Recommended Posts



Thank you for an amazing plugin that has really opened up a whole new range of possibilities for building creative websites!

I am having some issues with resizing and ScrollTrigger, I've searched the forums but can't seem to find a similar issue.

It's my understanding that ScrollTrigger/Scrub animations should refresh when the browser resizes but it's not working right for me.


If you scroll down you'll see two images that expanding to be 100vw on scrolll, but if you resize the browser down, and then back up again - it doesn't work anymore.


I've also tried calling ScrollTrigger.refresh() manually like so but it makes no difference:


$(window).bind('resize', function () {
        if (window.RT) clearTimeout(window.RT);
        window.RT = setTimeout(function () {
        }, 500);


I have several other ScrollTrigger sections on one page, but managed to isolate it to the codepen demo too so I don't think the other ones are affecting it, but I may be wrong.




Would appreciate any help - thank you in advance!

See the Pen QWvVEBO by joeldenne (@joeldenne) on CodePen

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...