スクロール中に画像をオーバーレイするコンテンツ

-4

まず、https://www.womentechmakers.com/を見て少しスクロールしてください。私たちがスクロールしながらイメージに重ね合わせる効果は、私がしたいことです。これを行うには、CSS/javascriptをお勧めしますか？ありがとうございました！スクロール中に画像をオーバーレイするコンテンツ

出典

2016-10-03 ayushi solanki

こんにちは、ようこそstackoverflowのとあなたの最初の質問にお祝いします。しかし、あなたの質問の質は非常に低いです。これを見て、あなたの研究を含む詳細を追加してください.- http://stackoverflow.com/help/how-to-ask – Ankit

また、あなたの質問へのポインタ - 「視差効果を調べてみてください」。 – Ankit

これを実現するには、background-attachment:fixed CSSプロパティを使用できます。非常に簡単なデモは、以下に見られることができます。

html, 
 
body { 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 
html { 
 
    background: url(http://lorempixel.com/800/600); 
 
    background-attachment: fixed; /*This stops the image scrolling*/ 
 
} 
 
body { 
 
    min-height: 100vh; 
 
    margin-top: calc(100vh - 100px);/*Only 100px of screen visible*/ 
 
    background: lightgray;/*Set a background*/ 
 
}

<body>Some text that will scroll</body>

出典

2016-10-03 17:43:22 jbutler483

スクロール中に画像をオーバーレイするコンテンツ

答えて

関連する問題