Skip to content

Slow Down Scroll #5

Closed
bzmillerboy opened this Issue Jun 24, 2012 · 1 comment

2 participants

@bzmillerboy

The parallax scrolling seems to work great when the object scrolls at a faster rate than a normal scroll, however if you try to slow an object down so it scrolls slower than normal, the object has a jerky scroll.

Example:
controller.addTween(
'.opening-container',
(new TimelineLite())
.append([
TweenMax.fromTo($('.opening-content'), 1,
{css:{top:220}, immediateRender:true},
{css:{top:900}})
]),
1900, // scroll duration of tween
500
);

    .opening-content {position: absolute; top: 220px; left: 18%;}
    .opening-container {position: relative; height: 1900px;}

What is the right approach if you want to slow the object down and make it scroll at a slow rate. Above, I attempted this by absolute positioning and adding to the top value.

@janpaepke
Collaborator

Hi!

Sorry for the late reply.
Did you find a solution for your issue by now?

regards,
Jan

@janpaepke janpaepke closed this Apr 15, 2013
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.