投稿者「user」のアーカイブ

(132) scrollLeftを指定して横スクロールアニメーションさせる。

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

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

1. やりたいこと任意の要素だけ、スクロール可能だがスクロールバーは非表示にしたい。 2. やってみる CSSで実現できる。ここでは SCSSで記述する。現時点で当該機能は WEBブラウザ独自実装のため、WEB… 続きを読む »

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

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

1. やりたいこと入力フォームの入力内容を　Ajaxで POST送信したい。できるだけ簡単に… 2. やってみる FormDataクラスを使えば form内の全入力項目を一括で取得＆送信できる。入力項目… 続きを読む »

1. やりたいことスマホ閲覧時（＝画面幅が小さいとき）だけ改行させたい。 2. やってみるこんな風に書ける。例えば、画面幅が 700px以下であればスマホ用の表示、すなわち改行させたい場合。 SCSS 以下のように… 続きを読む »

1. やりたいこと要素の縦横サイズを文字数を考慮して決めたい。 2. やってみる例1 : 画面幅全体から15文字分だけ狭くしたい。 CSSで calc() を使って以下のように書けばよい。こんな使い方をしたい時が極… 続きを読む »

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

1. 問題点 CSSでのフォントサイズ指定にはいろいろな方法がある。 pt px em rem vw vh % … ホームページを作っているときにその時の気分で上記の単位を混在させてしまうこともしばしば&#… 続きを読む »