Kingsley88

Members
  • Content Count

    24
  • Joined

  • Last visited

Community Reputation

2 Newbie

About Kingsley88

  • Rank
    Member

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Kingsley88

    ScrollMagic Effect With GSAP

    @Visual-Q That's ok. Any kind of help is always good.
  2. Kingsley88

    ScrollMagic Effect With GSAP

    @Visual-QThanks a lot. You've been of immense help. I think I can take it from here. Do you mind if I pick your brain every once in a while?
  3. Kingsley88

    ScrollMagic Effect With GSAP

    @Visual-Q Ok. Thank you. Any help you can offer tomorrow is greatly appreciated.
  4. Kingsley88

    ScrollMagic Effect With GSAP

    @Visual-Q Here is what I have so far. The problem is the regular scrolling section seems to be behind the animated sections. I tried playing with the z-indices but I'm not getting the desired effect.
  5. Kingsley88

    ScrollMagic Effect With GSAP

    @Visual-Q Thanks so much for the update. I've been working on reversing it myself for a while. I do however have one question, if I want this animation to only affect the first three slides but then every other content scrolls normally, how do you suggest I go about it? Just like in the example website.
  6. Kingsley88

    ScrollMagic Effect With GSAP

    How can I achieve this scroll animation on the hero sections on this website - https://www.sapientrazorfish.com/ using scrollmagic and GSAP or any plugin you can direct me towards.My main aim here is to achieve the overlapping section and snap effect. Looking at my codepen, I've achieved the overlapping effect but can't just seem to make them snap on scroll just like the website. Any help is appreciated.
  7. Kingsley88

    ScrollTo Plugin and ScrollMagic

    Good day lads. I have a pressing question and I am hoping this is the right place to ask. Can anyone direct me on the general approach towards achieving scrolling like these on the following sites - http://fantasy.co/ and https://www.ramotion.com/. Generally what I want to know is how to listen for the onScroll event and scroll to an anchor or an element on the page such as can be seen from those sites. I've tried searching online but all the tutorials seem to be doing this on click of an anchor link whereas I want to achieve this on scroll. Anyone able to help?
  8. Kingsley88

    GSAP not working after server upload

    I've found the issue.
  9. Kingsley88

    GSAP not working after server upload

    @Sahil Sure. Here's the link to the live website - www.seimodei.com
  10. Kingsley88

    GSAP not working after server upload

    Good day everyone. I have just completed my personal portfolio site which makes use of GSAP. However, it seems the animations are not playing and so the page remains blank. Everything works fine on my local server but when I uploaded my website to the dreamhost servers, the animations no longer work. There are no errors whatsoever on the console. I contacted the customer service and was told that in my error.log file it says the folder where all my GSAP.js files are located cannot be found. But looking at my panel, all files were uploaded successfully. Ok, in order to be sure it was not just the dreamhost servers, I decided to try uploading the site to github servers and still the same thing. The site and all files uploaded successfuly but the javascript files are not running or located. I don't know exactly. And after looking at the console and the network in the google developer tools, there is no single error, it shows all files were uploaded successfully as there is no error. What may be causing this issue? I'm lost.
  11. Kingsley88

    NS_ERROR_FAILURE with TweenMax

    @Jonathan Would you mind if I shared the link to the github project so you can take a look for yourself? The project has many scripts that I can't seem to load in codepen. It will be of immense help.
  12. Kingsley88

    NS_ERROR_FAILURE with TweenMax

    @Jonathan Thank you for taking the time but my code is extremely large at this point with many GSAP files. I wouldn't know how to go about recreating the issue in codepen.
  13. Kingsley88

    NS_ERROR_FAILURE with TweenMax

    All the animations done using tweenMax don't play in the pages. not just the transition.
  14. Kingsley88

    NS_ERROR_FAILURE with TweenMax

    I just discovered that the issue is that the page transition isn't playing. When removed the page loads as normal. Now I have to figure out how to make it play in firefox. Any ideas? it's an animated <div> by the way. Not an svg.
  15. Kingsley88

    NS_ERROR_FAILURE with TweenMax

    @OSUblake And how do you suggest I go about that if you don't mind? @Jonathan Like I said earlier, I didn't use display. What I did do however was set my svg to hidden with css and used tweenmax to set it to visible to avoid flickering. That's about what I did in terms of display and nothing else. Plus I am animating just svg paths. They are not in <defs> or <symbol>. And these elements don't animate on page load. Their animations are triggered. So I have no idea.