Jump to content

Search the Community

Showing results for tags 'scrollto plugin'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • GreenSock Forums
    • GSAP
    • Banner Animation
    • Jobs & Freelance
  • Flash / ActionScript Archive
    • GSAP (Flash)
    • Loading (Flash)
    • TransformManager (Flash)

Product Groups

  • Club GreenSock
  • TransformManager
  • Supercharge


There are no results to display.

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



Personal Website



Company Website



Found 4 results

  1. 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.
  2. I’m working on a site that has full height sections. It is laid out as one big page with a few sections. The user has two options to navigate the site: They can use the mouse wheel to go back and forth to the next/previous “section”. They can quickly tween to which ever section they choose via the standard off-canvas menu on the side. Codpen Here: https://codepen.io/kreendurron/pen/ryBrLY/ The problem I'm having is that if you scroll the wheel quickly multiple mouse wheel events fire before the animation can complete its tween. This interferes with the next sections animations. You can see this in the console as shown in the attached screenshot. I hope someone can point me in the right direction as to how I can temporarily disable the mouse wheel until the entire animation has played out and is ready to accept another scroll wheel event. Thanks, Nicholas Brown
  3. Hey guys, thanks in advance for the support. Recently I choose GSAP ScrollTo Plugin to solve a situation on my site. Basically I coded a window.onload function, that evaluates the url hashtag. The format of the hashtag is "#whatever_Details". So, I take this hashtag and using the substr() method I isolate the part of the hashtag containing the name of the section ("whatever") and concatenating "_article". The real id of the elements to target is this, they end with "_article". I pass the "whatever_article" to the ScrollTo plugin This is the current script: <script> document.body.className = "stop-scrolling"; window.onload = function(){ document.body.className = ""; var hashText, verticalOffset = 70; if(location.hash != ""){ hashText = location.hash.substr(1, (location.hash.length - 9)); TweenMax.to(window, 0, {scrollTo:document.getElementById(hashText + "_article").offsetTop - verticalOffset}); } } </script> However, It doesn't work. And in Chrome I get a weird error: TweenMax.min.js:17 Uncaught SecurityError: Blocked a frame with origin ""https://www.google.com". The frame requesting access has a protocol of "http", the frame being accessed has a protocol of "https". Protocols must match. This error is fired infinitely. On Firefox I get a recurrent error, but with a different description: Error: Permission denied to access property "_gsTweenID" This is the webpage with the problem: http://fabianmiranda.com/beta/about.shtml You can put "#experience_Details" at the end of the url, to test what i am describing. The weird thing is that this code was actually working already on another section: http://fabianmiranda.com/beta/portfolio.shtml#shirleygatgens_Details http://fabianmiranda.com/beta/portfolio.shtml#zambuni_Details Do you guys have any idea of what could be causing this problem? Thanks!
  4. Hi all, First, let me say how much I love Greensock. I started using it about a month ago for the DrawSVG plugin, but quickly realized how useful all of the plugins and features are. Thanks for a great toolkit! The problem I am having is that when restarting the master timeline by calling restart(), the window scrolls to the bottom. I have tried resetting the window y position, and this works initially, but the scrollTo tweens are still not honored later in the timeline. I have also tried calling master.play(0) on restart, and this works for one or two iterations, but then the scrollTo tweens misfire and then stop firing altogether. Thinking it's a garbage collection issue, I tried several variations of kill(), but that didn't work for me either. http://codepen.io/mattmiles/pen/JdRKxo I apologize in advance for posting such a huge volume of code in the pen, but I was having a hard time trying to demonstrate the problem otherwise. The ScrollTo tweens start at line 564. For some reason, the slider bar in the pen doesn't trigger restart, but if you drag it to the end and click the Play button, it will appear. You'll see the issue when you click Restart. I'm still pretty new to Greensock and animating this way and I don't have that much experience with JS either, though I have gone through many of your excellent CodePen demos and forked some of the code - thanks! Thanks very much for any/all help and suggestions! Matt