Jump to content

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


  • Content Count

  • Joined

  • Last visited

Community Reputation

8 Newbie

About pmascis

  • Rank

Recent Profile Visitors

958 profile views
  1. This was just a lazy work around for now, but in my screenshot example, the reCAPTCHA code in the form is what was loading some milliseconds after the document had loaded so 1 second was good enough to wait for it and then fire afterward. I didn't know about delayedCall either, so thank you for that I will give it a go and read about it more in the docs. Thanks again!
  2. Hi Jack, I hope you are well. Thank you for your prompt reply and detailed response, that all makes sense. To get me out of a this quick jam, I just fired it a second later, which is good enough for now. function scrollTriggerRefresh () { ScrollTrigger.refresh(); } setTimeout(scrollTriggerRefresh, 1000); Later on I will work on solutions to refresh at a more specific/appropriate time. Thanks again!
  3. Hi All, I've had this occur a few times now, where something gets added to the DOM and the ScrollTrigger positions are now incorrect/out of alignment. Here is one of the more easy to follow (I hope) examples of where/how this problem exists for me. (Sorry for the lack a codepen and for the lack of of labels in the screenshots, this was taken from a site in production). The white bar at the top (Frequently asked questions etc.) is a navigational anchor bar which gets pinned to the top of the page. It is to stop pinning as soon as it touches the grey footer.
  4. Hi Blake, That's pretty much solved it and I can keep working, I'll migrate over to GSAP 3 when I have more time later. I have taken on board and implemented your other notes too. Thank you!
  5. Hi Zach, Thanks for your prompt reply & for the eval information, I read about people discussing it on other posts but at the time wasn't exactly certain if it applied to my case or not, I'll just steer clear as what you have suggested with GSAP 3 sounds like it will work perfectly. I'll just bite the bullet and upgrade to 3.0. The reason I have been hesitant is that I use GSAP along with ScrollMagic as well as NPM/ES6 etc and I have been running into issues migrating thanks to ScrollMagic's current lack of support. In fact, I have been running into the exact con
  6. Hi all! I'm trying to make some animations customizable for the user within the backend of a CMS (need to stay using 2.x for now). I'm having JS reference some HTML5 data-* attributes and have had success so far doing simple things like: let duration = $(this).data('anim-custom-duration'); let xFrom = $(this).data('anim-custom-xfrom'); let xTo = $(this).data('anim-custom-xto'); let yFrom = $(this).data('anim-custom-yfrom'); let yTo = $(this).data('anim-custom-yto'); // Create tween let tween = TweenMax.fromTo($(this), duration, {delay: 0.25, autoAlpha: 0, x: xFrom +
  7. Perhaps you are right about writing a function. But the word delimiter is great and might get me out of trouble for now, thanks Carl!
  8. Hi all, I want to do some styling to some headings. Specificially change the last character (which will be a character like . ? ! etc) to a different colour. I have used splitText to break apart every character and have used css to target the last child. However, since these are headings and they will have some weight with SEO, I am concerned with stripping every letter apart and into divs etc. I was wondering if there is some way to tell splitText to only disassemble the last character, or perhaps even target certain characters so I can achieve the style
  9. Hi Carl, Perfect, thank you! You were quite spot on about what was occuring despite me not giving you much info to work with. After watching that video it makes perfect sense, I didn't know about immediateRender and setting it to false in this scenario has worked. Thanks for all of your other efforts on this message board, I've learnt a tonne from your other posts. Cheers, Paul
  10. Hi all, Sorry for the non descriptive title and incoming scattered question, it's late and not too easy for me to set up a code pen. If it can't easily be answered i.e. it's not something glaringly obvious then don't worry I guess and I'll hack up something else, but anyway... So I have multiple JS files, they are all routed for different things and get compiled into one later (there are no console errors once this is all running). In a home JS file I have something along these lines (there's more to it but these are the key elements) let button
  11. Fantastic, much appreciated. Thank you for the explanation as well.
  12. Hi all, This is probably an easy Javascript question. Any help would greatly be appreciated. I'm wanting to use a variable containing a measurement with transform: "translateX( VAR )" but am unsure of the syntax to get it working. Currently, I have: var headerLeft = jQuery('#header .left'); var headerLeftWidth = headerLeft.outerWidth(); And then ideally, I'd like to have something like the following: .to(headerLeft, 1, {transform: "translateX(headerRightWidth)"}); But that as mentioned obviously doesn't work. Console logging the variable works, and to