A Little Each Day

note to self

JavaScript

JavaScriptでページ内の遷移を実装する

こんにちは。本日はページ内移動をJSで実装する方法です。縦長のレイアウトなwebサイトの場合、ナビリンクをクリックするとその場所まで自動でスクロールしながら移動できる機能をつけたいと思うことがあるかと思います。JS自体も複雑なことを書くわけではな…

JavaScriptでナビバーをスクロール時にトップに固定する方法

こんにちは。本日はスクロールしてページ途中にあるグローバルナビがトップにきたら固定する方法です。ナビバーがサイト途中部分にあって、上にスクロールするとサイト最上部に固定されるレイアウトのサイトがありますよね。比較的簡単にできたので一緒に実…

jQueryでclickイベントを使ってみる

こんにちは。本日はjQueryのclickイベントである要素をクリックした時に文字列が消えるようにしてみたいと思います。jQueryではclickイベントと呼ばれていて、基本的でかつ簡単なよく使うテクニックの一つです。

jQueryでhoverイベントを使ってみる

こんにちは。本日はjQueryを使って簡単なhoverイベントをつくりたいと思います。hoverイベントはある要素にマウスをかざした時に、テキスト(文字)などが現れるテクニックです。よくwebページなどでリンクや文字列をかざした時にユーザーに知らせるために現れ…