jQueryを使って、スクロールしてコンテンツが現れたときにアニメーションさせてみる

最近更新ペースが遅くなっています。最近仕事の関係でサイトを作っているのですが、そこで使った方法を紹介します。スクロールしてコンテンツが現れたときにアニメーションが開始します。jQueryを使っています。 言葉ではイメージしにくいかもしれません。百聞は一見にしかず、ということでサンプルをご覧ください。画像が画面内に表示されると右にアニメーションします。 プラグインもありそうですが、安易にプラグインを使うのではなく自分で作った方が勉強になります。また、プラグインによっては色んな機能があるために無駄に容量が大きくなってしまうこともあります。そんな場合は、必要な機能だけ自分で書く方が読み込み速度的にも効果的なのかなと思います。 jQuery全体はこんな感じになります。 $(function(){ $('.effect').css("opacity",".3"); $(window).scroll(

[logic3code]

シェア → jQueryを使って、スクロールしてコンテンツが現れたときにアニメーションさせてみる

[wyumikokh]

[j

[the_zombis]

あとでチェック

[forestk]

これとか使うと楽です http://imakewebthings.com/jquery-waypoints/

[aukusoe]

こういう記事をブクマして、あとから見直す時に「Webはやっぱり大変だなあ」とニヤニヤするのが趣味です。