Jump to content

Diego Gnoatto

  • Posts

  • Joined

  • Last visited

Everything posted by Diego Gnoatto

  1. Hi there i got a problem with the nux3/scroll-smoother integration info: - im importing gsap and plugins trough script tags the problem: everything seems working as is it but the data-speed and data-lag (effects) are correctly calculated and work only if you resize the browser. live-preview: https://maikel-portfolio.netlify.app/ codesandbox-preview: https://6cbc21-3000.preview.csb.app/ CodeSandBox: https://codesandbox.io/p/github/Diego-Gnoatto/Maikel-portfolio/draft/trusting-germain ** the "smoothScroller init function is on the root in app.vue" ps: never used codesandbox so it might be necessary to cd into the app folder and npm install before npm run dev seems that scrolltrigger isn't calculating properly the effects but on resize something is triggered that make it recalculate fine. any tips of what could i be doing? i tried blindelly all sorts of combinations of Scrolltrigger.refresh() and Scrolltrigger.refresh() thinking the problem could be solved by it but it did not
  2. never, ill poke around until i do it than, i was just wondering around to see if anyone tried to do it using scrollsmoother. its fine, tks anyway
  3. i notice scrollsmoother is synchronized with the window object using scrollto plugin, so i thought... would be cool to create a custom scroll bar that is synchronized with scrollSmoother #scroll-content, at the end i thought i could use this example to gimme insights of how to accomplish this but i couldn't, thats why i asked here , maybe there is an example i couldn't find by myself of a scroll-smoother in sync with a custom scrollbar. sorry for no demo but i don't know where to start
  4. i tried to use this technique to add a custom scroll bar on scroll smoother project but i couldnt sincronize both, didnt find any example with scrollsmoother , any tips?
  5. for those those need to fix this in the future and are using scrollsmoother,i fixed the same issue by setting the code as follows: now the mobile browser don't refresh if scrolldown(default native behavior) and the jumpy address bar is fixed at all times(don't show/hide)anymore its buttery smooth. // in the css #smooth-content { position: absolute; display: grid; overflow: visible; min-height: 100vh; } // and in the javascript BEFORE SETUP THE SCROLLTRIGGER ScrollTrigger.normalizeScroll(true) // enable ScrollTrigger.config({ limitCallbacks: true, ignoreMobileResize: true, })
  6. i got the same issue on ios, any solution on this while we wait the release of ScrollSmoother 3.11.0 ?
  7. i had a timeline doing weard things on double click fast, this worked for me
  8. then use on css something like : clip-path: path('M213.1,6.7c-32.4-14.4-73.7,111.5-106.1C263.4,64.2,247.2,22.9,213.1,6.7z'); instead of clip-path: url("#svgPath"); ? i was working right now on this hipothesis sr, thanks for fast response, just confirme if im on the right track ,
  9. i figured out this aproach dont work in firefox but weardly it should for what i see in caniuse here: https://caniuse.com/css-clip-path any insite on that?
  10. Thats made me feel im trying too hard, ive tryed many aproaches to get it right but this was clean n simple, thanks very much sr. i still finding my way arround javascript and gsap
  11. ive been playing around Gsap for a while now but its the first time asking for help cause your docs are awesome - so basically im trying to replicate this effect i saw on https://www.reformcollective.com/ footer, pining a section on scroll and get into the whole of the text mask its all almost the way i want but i cant grasp how to manage to scale the svg text from the center center, it aways goes up down or sideways the other issue seems to be calculate to aim the hole Ive been broken my head and tryed many many possibilities for the effect - i start to suspect might be something been wrongly calculated because of the pin spacer or the width of the screen. if someone could throw some light here would be greatly apreciated Thanks