divの上に表示されるdivの内容「

Question

」ポートフォリオを作ると、私は非常に多層の視差のホームページとその下の約セクションを持っています。私はvhを使用しているので、1ページのスクロールのためにそれを設定しようとしていますが、何らかの理由でこのdivは、高さが非常に小さいポイントにサイズ変更されたときにホームページの下にスライドします。あたかもオフセットがあるかのように、ホームページがその下に押し込まれているようには見えないように見えます。最初のdivの下にクリアを使用しようとすると動作しません。 http://puu.sh/sL8Km/4cf16e2ff7.jpg これは視差のCSSと関係があると仮定しています。http://puu.sh/sL8Bb/31cca57cef.png 視差のレイヤーはすべて、#parabg、#scene、#homeのように見えます。何か案は？ありがとうございました！

Answer 1

あなたが質問を投稿した直後に問題を発見する奇跡。誰もがこれを読んでいる人が非常に複雑な視差を使っていて、parallax.jsの貧弱なドキュメンテーションに従おうとしたら、パディングトップを使わないでください！完全に応答性のあるマルチレイヤー視差を実現したいと思っている人のために、私はちょっとしたコードペインを作っていきます。

#parabg { 
background: url(../assets/parallaximages/home/bg2.png) no-repeat 50%; 
background-size: cover; 
/* padding-top: 52%; */ 
width:110%; 
height: 100vh; 
margin-left:-5%;