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