Jump to content

Search In
  • More options...
Find results that contain...
Find results in...


  • Posts

  • Joined

  • Last visited

About nolafs

nolafs's Achievements



  1. 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
  2. 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.
  3. 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) }); ```
  4. 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.
  5. 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
  6. 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?
  7. 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.
  8. 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
  9. 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?
  10. 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
  11. 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
  12. 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
  13. Hi, I am trying to create a slot machine interface with a continues rotation using the ThrowPropsPlugin. Once I reach the bounds of scroll area, i need to reset list y position to achieve continues rotation. Any idea how I can I make this work with ThrowPropsPlugin? Any suggestion or help would be greatly appreciated. o