最近、ウェブの世界で本当にクールな効果が見られます。それが「レイヤードルック」です。ユーザーがページを下にスクロールすると、ページの最初のいくつかのセクションの下に最後のセクションが表示されます。画像付きの場合もありますが、コンテンツもこのように表示できることがわかりました。
z-index今、私はCSS の配置に精通しています。
ただし、希望どおりに機能させるための適切な組み合わせが得られないようです。
HTML:
<div id="main">Content content content content content content</div>
<div id="revealed-section"></div>
その#mainため、上にあるかのように表示され#revealed-section、ユーザーが特定のポイントまでスクロールすると、#reveal-sectionスライドアウトします。
私は多くの検索を行いましたが、この手法の用語がわかりません。
何か案は？CSSのみのソリューションを好むでしょう。
ここに!: http://webdesigntutsplus.s3.amazonaws.com/tuts/338_parallax/src/index.html スライド 3 から 4 へのトランジションが必要ですが、背景画像だけでなく、コンテンツを使用する必要があります。
最初は に添付されているように見えるフッターも必要であることがわかりました#mainが、ユーザーがさらに下にスクロールすると#revealed-section「展開」します。
これを行う 1 つの方法は、特定の時点で画面の下部にフッターを貼り付けることです。任意のヒント？