search

johnpolacek / superscrollorama

The original jQuery plugin for supercool scroll animation. NOTE: No longer under active development. New version is ScrollMagic.js
http://johnpolacek.github.com/superscrollorama/
2.39k stars 540 forks source link

Slow Down Scroll #5

Closed bzmillerboy closed 11 years ago

bzmillerboy commented 12 years ago

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 commented 11 years ago

Hi!

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

regards, Jan