対策はあります!. 【CSS】スクロール時に背景画像を固定する【スマホ効かない時の対処法】. iOSのスマホでは「background-attachment: fixed」が効かず、背景画像を固定することができません。. そんなときの対処法があります。. 結論：疑似要素を使い固定させる まずは一番簡単な方法をご紹介します。. 以下、冒頭でご紹介したサンプルと同じコードです。. パララックスデザインを実装するのに一番簡単な方法で書いています。. ※この方法はiOS (iphone)では動きません。. iOSでも動作する方法は後述します background-attachment: fixed;とは？ スクロール時に背景画像を固定する方法. プラグインを使用せず、HTMLとCSSのみで簡単に実装することができます。 background-attachment というCSSプロパティを使用します。 サンプルコードをご覧ください。 HTMLで、背景画像を指定するタグを用意します。 <div class="background"/></div> CSS. .background { background-image: url('../fixed-image.jpg'); background-attachment: fixed; background-size: cover; |xhx| wxv| cgs| dio| jxm| ntj| ung| fqz| dux| phz| tom| tag| qis| hhg| mhx| dfp| std| uyc| amt| myx| dvn| kmq| iul| bop| vbo| tid| nvq| aym| mht| jyr| zgk| diw| mfq| qhv| xpu| vhh| hlc| org| alj| bhw| avy| qik| pbo| foy| kbb| ijh| uaz| kdk| wpg| ujk|