Can't get scrollTo to work...

[epborden]

Here is my code.

TweenLite.to(options.element.selector, options.duration.attract, {
  scrollTo: {
    y: options.columns.left.height() - 1920
  },
  ease: options.easing,
  onComplete: function () {
  _this.scroller(true);
  }
});

Where:

 

options.element.selector = string of element

options.duration.attract = integer value

options.column.left.height() = height of element - height of window

options.easing = Linear.easeNone

_this.scroller(true) = special function that repeats things

 

All I am getting is this message: invalid scrollTo tween value: [object Object]

 

Here is the code as if it were written using jQuery animate, which works:

 

options.element.animate({
  scrollTop: options.columns.left.height() - 1920
}, {
  duration: options.duration.attract,
  easing: options.easing,
  complete: function () {
    _this.scroller(true);
  }
});

[Carl]

Hi and welcome to the GreenSock forums,

 

Please make sure you are loading the ScrollToPlugin

<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.16.1/plugins/ScrollToPlugin.min.js"></script>

If you still need help, please provide a demo as explained here: http://greensock.com/forums/topic/9002-read-this-first-how-to-create-a-codepen-demo/

 

Thanks!

[epborden]

Thank you, I did not realize there was a separate plugin.  Also, my duration was set to milliseconds, so I fixed that and now it is working perfectly!