Railsでヘッダーを固定する

Railsでヘッダーなどを固定しようと思うとだいだいjQueryを使うことが多いですが、何かとあるjQuery。

できることならなるべく使いたくない。

ということで使うのはcssのposition:sticky

使い方は超簡単。

固定させたいクラスやidをstylesheetsに用意すればいい。

1
2
3
4
5
6
# assets/stylesheets/position.css
.kotei {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}