仕事でjavascriptアニメーションしたくて、かといって、jQuery入れるにはいろいろ問題が、、、ということもあって、 自前で、easing関数を使ってスムースにスクロールするやつ書いた。 sin()とかcos()とか、ぜんぜんわからなくてちょっと悲しかった。 以下のサイトで試せる。 http://jottit.com/h3qhu/ 「ふんわり」移動の考え方 easing関数は、ある「経過時間」の時点において「どの位置まで移動しているべきか」を求めることができる関数で、「どういった動きを表現したいか」によってその中身の計算式はかわってくる。 自分の場合、最初は早くだんだん遅くという「ふんわり」した動きを実現するために、sin 関数を使ってみた。 Wikipediaとかいろいろ調べて以下のような感じで計算式を導きだした。 参考 以下の記事が参考になった。 これでできる! クロスブラウザ
![Webページの要素間をスムーズにスクロールするやつ - 今日もスミマセン。](https://cdn-ak-scissors.b.st-hatena.com/image/square/e68b4bd7f744c4d977239855cae8acf9ec3a0792/height=288;version=1;width=512/http%3A%2F%2Fgyazo.com%2F08a210b90297db8ed81ac8990189f8bb.png)