Railsでヘッダーを固定する

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

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

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

使い方は超簡単。

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

assets/stylesheets/position.css

#kotei {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

See Also