Jump to content
Search Community

Scrollorama trigger without scroll at start

Brandesign test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi,

 

 

new to this forum so first of all... hello to you all! :D  I've been working on my portfolio site and am using GSAP and scrollorama. It works like a charm, on lower resolution screens. I scroll, things animate. Simple! The problem is when someone has a higher resolution, I want to check if it's high enough to trigger an animation without having to scroll. 

 

So in short, when opening the page. If the elements that should animate are above the fold, they animate. If not, then not. This without scrolling whatsoever.

 

Oh and I would also like to have a smooth scroll in my site. Any tips/advice on what plugin synergizes well with GSAP + Scrollorama?

 

Help would be greatly appriciated!  :D

 

Cheers!

 

Youri

Link to comment
Share on other sites

Hi and welcome to the GreenSock forums.

 

Glad to hear you are getting along well with your GSAP project.

Unfortunately we don't dive too deep into support for SuperScrollorama.

 

Sounds like what you need to do would be fairly straight-forward for someone that knows more about it. There are a few folks on these boards that know more than I. You might get exactly the help you need, but I'd suggest posting a question on the SuperScrollorama GitHub page:

https://github.com/johnpolacek/superscrollorama/issues?state=open

That's were the experts and authors hang out. 

 

As for smooth scrolling, one of our users created a demo for smooth scrolling with TweenMax:

http://harabeishio.panayotov-consult.com/tweenlitemousewheel/

 

I really don't know if that is going to plug into superscrollorama or not.

Link to comment
Share on other sites

Hi,

 

Thank you for your reply! This was/is exactly what I've been looking for. I've tried this plugin to get the same effect: 

 

http://manos.malihu.gr/jquery-custom-content-scroller/

 

But if I activate this, scrollorama stops working completely. Also tried to extract and implement the JS found in the example you gave me. But this failed also, I can scroll by dragging the mouse but if I scroll with the mousewheel it jumps back on top and stays there.

 

Thanks for your suggestion, I'll post my question there!

 

Much appriciated,

 

 

Youri

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...