I have an image. I want to move it to the left until a certain scroll position, then move it back right. How do I do this? What I have doesn't seem to be working. This is what I have:
var controller = $.superscrollorama(),
handleComplete = function(elem) {
console.log('complete', elem);
$('#'+elem).css('rotation', 0);
};
controller.addTween($('#one'),
(new TimelineLite())
.append([
TweenMax.to($('#likeSong'), .5, {css:{left: "45px"}}),
TweenMax.to($('#likeSong'), .5, {css:{left: "45px"}})
]),
500, // scroll duration of tween in pixels
500); // offset (helps with timing when needed)