ブックマーク / yarunaramaeni.com (1)

  • プラグインを使わずにスマホに対応したパララックスを実現する方法 | YARUMAE

    PCでパララックスを実装する場合は、background-attachmentを使用することで簡単に実現することができます。 ですが、スマホではbackground-attachmentが効かないので、簡単に実現することができません。 そこで、今回はスマホでもパララックスを実現するための方法をまとめておきたいと思います。 sample 実現方法 HTML .section1~4のclassが付いている要素がありますが、今回はsection1、section3は背景画像がない状態。section2、section4に背景が付くような想定で作成しています。 <div class="wrapper"> <div class="section1 section"> <h2>section1</h2> </div> <div class="section2 section"> <h2>section

    honda5352
    honda5352 2018/05/22
  • 1