ヤッチーのブログ

PHP,Bootstrap,J Query,Swiftやサーバ管理、トラウトのルアー釣り、ハードロック等の記録です

ヘッダー固定

f:id:php-7com:20191003063729j:plain

ヘッダーがスクロールしても固定されているサンプルです。

デモ

スクロールしていくと、左上のロゴ画像も切り替わります。

また、右上のリンク文字色も変わります。

トップ画面の画面一杯の画像はCSSのみでふわっと切り替わります。ちょっぴり拡大するパターンです。

デモ

f:id:php-7com:20191003063742j:plain