Jump to content


  • Posts

  • Joined

  • Last visited

About nolafs

nolafs's Achievements

  1. With ScrollTrigger, you can trigger animation on scrolling, with ScrollSmoother you can control the speed of your scroll.
  2. Nope, using npm. It is an older project, I am upgrading to webpack 5. I just managed a failed build without the import errors from GSAP. My netlify.toml had and older npm version set in the build.environment. Since I upgraded it to 8.5.0, no GSAP errors but scrollMagic is playing up now. Joy of upgrading old projects. Will remove it anyway in favour for ScrollTrigger.
  3. Hey, Driving me nuts for past day. Everything works perfectly fine testing and building the site local. When I push the update to build the site on Netlify, it cannot resolve any GSAP modules. Any idea?
  4. Actually I might found the issue. One of my classes was importing UMD and another the module. That seemed to have caused the issue. Thanks
  5. Doing a demo in CodePen isn't going to work, as it seem, the issue has to do with scaffolding. I will try creating two build on Netlifly tomorrow. Different imports.
  6. As I am using webpack, the modules should be the correct import but it behaves terrible. Is seems it is unable to update when scrolling. It is jumpy and choppy. The animation is super simple. ``` gsap.utils.toArray(".parallax").forEach(layer => { const tl = gsap.timeline({ scrollTrigger: { trigger: layer, start: "top top", end: "bottom top", scrub: true, markers: false } }); const depth = layer.dataset.depth; const movement = -(layer.offsetHeight * depth) tl.to($(layer).find('.imageWrapper'), {y: movement, ease: "none"}, 0) }); ```
  7. Yeah, I start turning off some stuff including the smooth scroller. That did improve the animation but it still not 100% smooth and jumpy at times. It seems to perform just a bit better in Safari too. Very frustrating, spend days on my local build to optimise the animation and now the production build just won't work. On thing I did notice, when I import import { ScrollTrigger } from 'gsap/dist/ScrollTrigger'; I get good performance on my development but import { ScrollTrigger } from 'gsap/ScrollTrigger'; Impossible jumpy and choppy animation but on my Angular webcomponent, complete the other way around.
  8. Hi, I am having issues with production builds using ScrollTrigger. The animation is smooth as butter under development build but when all minimised it is choppy and unusable. The site uses a couple of angular web-component which compile their own version of ScrollTrigger which seem to work fine. Something seem to go wrong when minifying and combining the page js files. It beats me why Angular production compile doesn't have the problem. Anything tricks I might missed when setting up my webpack production build? Cheers Olaf
  9. I notice a strange behaviour. For some reason, my scroll container gets set to opacity 0 at some point. No error, randomly. Anyone experience the same issue?
  10. Hi Jack, Actually that line of code is causing the error. My guess is that Angular Universal cannot render it as it has DOM. So anything that might tries to select an element will through an error. Just speculating, the only solution is to check if the platform is browser and only init the plugin if this is true.
  11. Hi guys, I am trying use the draggable plugin in one of my components in angular. All is working fine but the universal server build doesn't like 'registerPlugins'. It all builds fine but server errors with Uncaught (in promise): TypeError: Cannot read property 'style' of undefined TypeError: Cannot read property 'style' of undefined Any ideas? Cheers Olaf
  12. I need to install the bonus packages with yarn. Npm seems to work but yarn, it just hangs. Any idea how I can resolve this?
  13. Hi I have partial system and large Webgl scene. I need to update partial at lower framerate, is it possible to create two different tickers? Cheers Olaf
  14. Hi, It seems onDragEnd callback is not working on the iOS devices. I am building a simple drag and drop game and it works all fine on desktop but iPad, not so much. Any solution for this issue? Cheers Olaf
  15. Hi, We are getting an error in IE8, please see attached files. The site is using the latest TweenMax lib. Any idea what could cause this issue? Tested IE version 8.0.6001.18702. Thanks