jQuery

JavaScript

【jQuery】別のページから遷移した時にアコーディオンを開く方法

今回は別のページから遷移した時にそのアコーディオンを開いた状態にしておく方法を紹介します。 今回やりたいこと 例えば「https...
JavaScript

【jQuery】絶対パスでもスムーススクロールする方法

今回はスムーススクロールを絶対パスでも処理できるようにする方法を解説します。 よく見かける方法だと「#」で始まっている内部リンクしか処...
JavaScript

【jQuery】上にスクロールした時に表示されるヘッダーの作り方

今回はjQueryで上にスクロールした時に表示されるヘッダーの作り方を解説します。 デモ 実際の動きはこんな感じです。下にスクロ...
JavaScript

【超図解】jQueryでスクロール時に要素をフェードインさせる方法

今回はjQueryでスクロール時に要素を下からふわっとフェードインさせる方法を初心者でもわかりやすいように図解で説明します。 デモ...
JavaScript

【jQuery】ヘッダー固定時に別ページへのアンカーリンクがずれる時の対処法

今回はヘッダーにposition: fixedを指定している場合に別ページからアンカーリンクに遷移するとヘッダーの高さ分ずれてしまうアレの対...
JavaScript

jQueryでリアルタイム数字バリデーション機能を作る

今回はjQueryで入力値が数字かどうかをリアルタイムでチェックし、数字じゃない場合は弾くというリアルタイム数字バリデーション機能の作り方を...
JavaScript

jQueryでリサイズイベントの処理を1回だけ実行する方法

jQueryでリサイズイベントを実行するにはresizeイベントを使いますが、これだとウィンドウ幅を少しでも変えるとその度にイベントが発火し...
JavaScript

【初心者向け】jQueryのanimate()の使い方サンプル付きでを解説!

今回はjQueryのanimate()メソッドの使い方をサンプル付きで初心者向けに解説します! 動作などはイメージしづらい部分もあるか...
JavaScript

【jQuery】スクロールでデザインがコンパクトに変化するスティッキーヘッダーの作り方

「スティッキーヘッダーを作ったけど大きすぎて邪魔だな...途中でコンパクトに変わるようにしたいな」。 そんな時のために、今回はjQue...