常に固定しておく方法は、cssでposition:fixed;を指定する。

下記のコードは、PC版とスマホ版で分けている。

ちなみに、画像も両者別の画像を使うこともできる。

参照:https://engineer-labo.com/画面をスクロールした時に追従するバナーやボタ/

こちらは、PCとスマホを別々にしたもの。サイズの調整が別々にできる。fixed-banerという親にはリンクを当ててあるので、どちらにも効いている。

Stay In Touch

Be the first to know about new arrivals and promotions