Jump to content
GreenSock

vladdesign

ShockinglyGreen
  • Posts

    7
  • Joined

  • Last visited

Posts posted by vladdesign

  1. Ok, i'm a little bit confused right now, i have managed to solve my problem without pausing scroll smoother when modal is opened. i just added hidden class to html tag and it works now (it wont scroll while modal is open in background). But still when i try to do it with scrollsmoother.paused() i'm unable to scroll when modal is opened as shown on video.

     

    Update: 

    it works if normalize is off, but when enabled doesn't work, works only on keys up and down 🤯

     

     

  2. Ok, so it didn't solve my problem, i saw that i have also normalizeScroll enabled on my project, and when it's enabled i'm unable to scroll when modal is open. I tried to make a demo with normalize, i'm not sure should i register it on codepen with gsap (include it in gsap.registerPlugin, cuz i add it it trows an error)? but when it's enabled on codepan it works same as your demo, i'm not sure if it's enabled or i'm doing something wrong

  3. Yes you can do that, 

     

    you have to save window offset from top, to check if data.trigger === 'back' and if it is you can do like

    Site.smoother.scrollTop(value of window offset) and if it's not equal to 'back', scrollTop to 0.

     

    if (data.trigger === 'back') {
      Site.smoother.scrollTop(historyHeight);
    } else {
      historyHeight = window.pageYoffset || document.documentElement.scrollTop  || document.body.scrollTop || 0;
      Site.smoother.scrollTop(0);
    }
    • Like 2
  4. You have to update your wrapper and content on barba transition 

     

    i dispatch new custom event with detail of next barba container

    image.thumb.png.2ccec95f61792fdd9b377493f8945d30.png

     

    then in class where i have my smooth scroll i listen to that event and update wrapper and content.

    image.thumb.png.a84a0a16034fe76d2adcc05800c5a2da.png

     

    image.png.b3c8888cbdb0b648a2814fa86253c294.png

     

    i hope this helps.

    • Like 2
  5. Hi everyone,

     

    So i'm using gsap splittext plugin to split sentence into words and lines and then animating words.

    Everything works fine on first load of a page but when i'm navigating to different page and then get back something weird happens and sentence breaks only on last word. We are using gsap with barba js.

     

    Here is the demo of a problem, also i tried to replicate problem on codepen but it is lot of work to integrate barba there to make it more accurate.

     

    Here is how it looks when it's inspected

    1022437027_Screenshot2021-08-17at13_06_32.png.47ad33228b9c1fa5fd094c59ecda8fd3.png

     

    Sometimes it works as expected, but most of the time it breaks and breaks

    See the Pen poPmKbN by Djarmito (@Djarmito) on CodePen

×