Feature: Animating scrollTop on scrollable elements

Thanks for your work on this library - looks promising! I’ve been testing it out and ran into a small issue. We have scrollable elements in our app (overflow-y:scroll) and have used jQuery’s animate like so:

$('.pickup-locations').stop().animate({
  scrollTop: this.topPosition - 15
}, 1000);

When I tried dropping in .velocity using the new syntax, it didn’t seem to work:

$('.pickup-locations')
  .velocity('stop')
  .velocity({ scrollTop: this.topPosition - 15 },{ duration: 1000 });

I also tried this, but it only seems to scroll the window to the element’s position, not the element itself:

$('.pickup-locations')
  .velocity('stop')
  .velocity('scroll', { duration: 1000, offset: this.topPosition });

Any thoughts on how to achieve animated scrolling inside a scrollable element? Thanks!

[chiplay]

As a quick follow-up question - is this the correct way to scroll the full browser window using velocity?

$('html')
   .velocity('stop')
   .velocity('scroll', { duration: 750, offset: top - 100 });

[julianshapiro]

Beautiful. This is why I spend time on Velocity. Because I love it when people show me what they make with it 😃

When it’s converted to Velocity, tweet to me and I can link to relay and your own portfolio in the upcoming Velocity gallery.

Sent from my phone.

On May 2, 2014, at 7:49 PM, Chip Lay [e-mail] wrote:

@julianshapiro incredible! Works great - thanks for making this happen. Excited to start pushing our animations to new levels. (our mobile web app https://m.relayfoods.com - currently uses Zepto for animations, will be using Velocity soon)

— Reply to this email directly or view it on GitHub.