animateを使用してスクロールさせたい

Question

animateを使用してスムーズなスクロールを行いたいと思っています。
相対として動かしたいので調べた所scrollByを見つけたので使用してみました。

今のところは

var speed = 350;
var position = scrollBy(0,85);
$('input').click(function(){
$("html, body").animate({scrollTop:position}, speed, "swing");
return false;

で動かしたところ反応がない状態です。

$("html, body").animate({scrollTop:scrollBy(0,85)}, speed, "swing");

と入れて動かしたところ相対で動いたのですが、動く際にanimateのスムーズな動きができなくなってしまいました。
入力の仕方が悪いのか、それともanimateでscrollByは使用できないのでしょうか？

Answer 1

animateに相対値を指定したい場合、+=や-=といった書き方があります（jQuery公式）。

$("html, body").animate({scrollTop:'+=85'}, speed, "swing");

scrollByはjQueryと関係なく、呼び出した瞬間にスクロールしてしまいます。

Comments

[tiki-]

ありがとうございます！無事動きました。
そうですよね、呼び出しの瞬間に動いてしまうので困っていました。

公式のページまでありがとうございます。やっぱり公式のページも確認しながらやった方がいいんですかね...