「JavaScript/JQuery」カテゴリーアーカイブ

1. やりたいこと JavaScriptのネイティブオブジェクトと JQueryのオブジェクトを双方向に変換したい。 2. やってみる (1) JavaScript native から JQuery へ (2) JQue… 続きを読む »

1. やりたいこと コールバック関数に独自のパラメータを渡したい。 2. やってみる イベントハンドラの登録時に、任意のパラメーターを JSON形式で付加することができる。 まずは手順だけ記録しておく。 後日詳細を追記す… 続きを読む »

やりたいこと 画面上に子画面をポップアップ表示することがしばしばある。 ポップアップ画面の表示内容が多くなると、ポップアップ画面をスクロールさせたりする。 その時に… ポップアップ画面の背面にある要素はスクロ… 続きを読む »

1. やりたいこと 指定した要素を横方向にアニメーション移動させたい。 2. やってみる トリガーとなるイベント発生時に、以下のように animate 関数を実行すればよい。

1. やりたいこと ページ内リンクを押下時、ページ内移動をスムーズに見せたい。 2. やってみる HTML JavaScript 3. 参考情報 ・elem.offset()は、document (=最上位の親要素)を原… 続きを読む »

1. やりたいこと 複数のセレクタを指定し、それぞれの要素に対するイベント発生時に、同じ処理をさせたい。 2. やってみる 方法1 : each() で複数のセレクタを指定する。 each を使い、elem1 or el… 続きを読む »

注意すること！ screen.height は、スマホの回転に関係なくディスプレイ縦方向の高さ。 window.innerHeight は、スマホの回転によりディスプレイ縦横の値が入れ替わる。

1. やりたいこと 任意の要素について、 ページ先頭から、要素上端までの距離[px]を知りたい。 同時に、 ページ先頭から、要素下端までの距離[px]を知りたい。 2. やってみる 以下の 3段階で求める必要があるのだそ… 続きを読む »

1. やりたいこと マウスホバー時に自分の色を変えるぐらいであれば CSSだけで実現できる。 でも… マウスホバーされた時＆外れた時に もっと複雑な処理をしたい！ のひな形を作ってみたい。 2. やってみる … 続きを読む »