-4
まず、https://www.womentechmakers.com/を見て少しスクロールしてください。 私たちがスクロールしながらイメージに重ね合わせる効果は、私がしたいことです。 これを行うには、CSS/javascriptをお勧めしますか? ありがとうございました!スクロール中に画像をオーバーレイするコンテンツ
まず、https://www.womentechmakers.com/を見て少しスクロールしてください。 私たちがスクロールしながらイメージに重ね合わせる効果は、私がしたいことです。 これを行うには、CSS/javascriptをお勧めしますか? ありがとうございました!スクロール中に画像をオーバーレイするコンテンツ
これを実現するには、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>
こんにちは、ようこそstackoverflowのとあなたの最初の質問にお祝いします。しかし、あなたの質問の質は非常に低いです。これを見て、あなたの研究を含む詳細を追加してください.- http://stackoverflow.com/help/how-to-ask – Ankit
また、あなたの質問へのポインタ - 「視差効果を調べてみてください」。 – Ankit