カテゴリー: JavaScript
-
親要素内でスクロールに追随する要素を実装できるjQueryプラグイン「Fixed Sticky」
Fixed Stickyは、親要素にピタッと張り付いてスクロールに追随する要素を実装できるjQueryプラグイ…
-
jQueryを使って入力フォームのコピペを禁止する方法
jQueryを使って入力フォームのコピペを禁止する方法をご紹介いたします。 例えば、確認用メールアドレスの入力…
-
URLによって条件分岐させるjQueryの記述方法
jQueryを使って、URLに特定の文字列が含まれているかどうか、もしくはURLそのもので条件分岐させる方法を…
-
jQueryを使ってページ内リンクをスムーススクロールさせる方法
jQueryを使って、ページ内リンクをスルスルっとスムーススクロールさせる方法をご紹介いたします。紹介するコー…
-
ページ内リンクをクリックした時にアニメーションしながら移動させることができるスクリプト「moveTo」
moveToは、ページ内リンクをクリックした時にアニメーションしながら移動させることができる軽量のスクリプトで…
-
クリックやタップで開いたり閉じたりするFAQを実装する方法
jQueryを使ってクリックやタップで開いたり閉じたりするFAQを設置する方法をご紹介いたします。 動きについ…
-
スクロールの途中から追尾して指定した位置で消える要素を設置する方法
スクロールの途中からついてきて、特定の位置まできたらフェードアウトする要素を設置する方法をご紹介いたします。 …
-
スクロールした時に要素が可視範囲に入ったらフェードイン表示させる方法
サイトを表示した時に、スクロール量に応じて要素をフェードイン表示させる方法を紹介したいと思います。スクロールし…
-
まるで水みたいなぷよぷよとした動きを表現できるjQueryプラグイン「jquery.morphing.js」
jquery.morphing.jsは、まるで水のようなぷよぷよとした動きを表現できるjQueryプラグインで…
-
レスポンシブ対応の円グラフ・棒グラフ・折れ線グラフが描けるjQueryプラグイン「Pizza Amore!」
Pizza Amore!は、Foundationの提供元ZURBが公開しているjQueryプラグインです。リス…
-
レスポンシブ対応！Pinterestのように要素を詰めて表示することができるMasonry系スクリプト「Muuri」
Muuriは、Pinterest風のレイアウトを実現することができるMasonry系のスクリプトです。 表示や…
-
ページのスクロールに応じてアニメーションしながら要素を表示できるスクリプト「ScrollTrigger」
ScrollTriggerは、ページのスクロールに応じて、要素をアニメーションさせながら表示できるようになるス…