気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
jQueryを使って、スクロールしてコンテンツが現れたときにアニメーションさせてみる
71 users
weboook.blog22.fc2.com
weboook.blog22.fc2.com
weboook.blog22.fc2.com
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
最近更新ペースが遅くなっています。最近仕事の関係でサイトを作っているのですが、そこで使った方法を... 最近更新ペースが遅くなっています。最近仕事の関係でサイトを作っているのですが、そこで使った方法を紹介します。スクロールしてコンテンツが現れたときにアニメーションが開始します。jQueryを使っています。 言葉ではイメージしにくいかもしれません。百聞は一見にしかず、ということでサンプルをご覧ください。画像が画面内に表示されると右にアニメーションします。 プラグインもありそうですが、安易にプラグインを使うのではなく自分で作った方が勉強になります。また、プラグインによっては色んな機能があるために無駄に容量が大きくなってしまうこともあります。そんな場合は、必要な機能だけ自分で書く方が読み込み速度的にも効果的なのかなと思います。 jQuery全体はこんな感じになります。 $(function(){ $('.effect').css("opacity",".3"); $(window).scroll(
)
weboook.blog22.fc2.com%26utm_content%3DGoogle%2BReader)
weboook.blog22.fc2.com
weboook.blog22.fc2.com
weboook.blog22.fc2.com
togetter.com
blog.framinal.life
anond.hatelabo.jp
www3.nhk.or.jp
posfie.com
note.com/konho
www.watch.impress.co.jp
www.itmedia.co.jp
note.com/fugashi
tech-blog.rakus.co.jp
dev.henry.jp
w-t-f.jp
blog.livedoor.jp/zzcj
developers.freee.co.jp
engineers.ntt.com
engineers.ntt.com
suumo.jp
2015/02/15 リンク