縦長のページではアニメーションが伴っているものがよくありますが、スクロールによって要素がウィンドウ内に入ったかを検知して処理を実行する、といったものをjQueryでプラグインを使用せず作成します。

レスポンシブデザインで組んでいて要素の座標がウィンドウ幅によって変わるって場合でも大丈夫です。

続きを読む

以前の記事でも同じ趣旨の内容を書いたのですが、今回は別のやり方でモーダルウィンドウを表示したときの背景を固定します。

正確に言えば前回はモーダルウィンドウを含めたページ全体を固定するイメージでした。
この場合、スクロールバーが表示されるブラウザの場合スクロールバーが消えてしまうんですよね。

今回は固定というよりをスクロールさせない方法で、スクロールバーは消えません。ただし、より固定というイメージから遠いかもしれません。

続きを読む

webページをスマホで閲覧する際、モーダルウィンドウを開いた時に背景がスクロールできてしまうと煩わしかったりするのでそれを固定します。

続きを読む

メニューリンク等を画面外に隠しておいて、 ユーザーの操作によってメインの画面をずらしつつ画面外からメニューを表示させるドロワーメニュー。

当ブログでも実装しています。スマホ等、表示領域が狭いケースでは有用ですね。

続きを読む