A Little Each Day

note to self

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

こんにちは。本日はページ内移動をJSで実装する方法です。

縦長のレイアウトなwebサイトの場合、ナビリンクをクリックするとその場所まで自動でスクロールしながら移動できる機能をつけたいと思うことがあるかと思います。

JS自体も複雑なことを書くわけではなくシンプルなので、実装方法を一緒に見ていきましょう。

続きを読む

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

こんにちは。本日はスクロールしてページ途中にあるグローバルナビがトップにきたら固定する方法です。

ナビバーがサイト途中部分にあって、上にスクロールするとサイト最上部に固定されるレイアウトのサイトがありますよね。

比較的簡単にできたので一緒に実装方法をみていきましょう。

続きを読む

Railsでwill_paginateを使ってページネーションを実装する

こんにちは。本日はページネーションGemのwill_paginateを使ってページングを実装する方法です。

will_paginateと似たようなGemに「kaminari」というGemがあります。

どちらも人気のページャーGemですが、今回はwill_paginateの使い方を説明していきます。

続きを読む