Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 滚动时覆盖图像的内容_Javascript_Css - Fatal编程技术网

Javascript 滚动时覆盖图像的内容

Javascript 滚动时覆盖图像的内容,javascript,css,Javascript,Css,我请求你先看一看并滚动一点。 当我们滚动时,图像上的叠加效果就是我想要做的。 你能推荐css/javascript来做这件事吗! 谢谢大家! 您可以使用后台附件:fixedCSS属性来实现这一点。下面可以看到一个非常快速的演示: html, 身体{ 保证金:0; 填充:0; } html{ 背景:url(http://lorempixel.com/800/600); 背景附件:已修复;/*这将停止图像滚动*/ } 身体{ 最小高度:100vh; 页边距顶部:计算(100vh-100px);/*

我请求你先看一看并滚动一点。 当我们滚动时,图像上的叠加效果就是我想要做的。 你能推荐css/javascript来做这件事吗!
谢谢大家!

您可以使用
后台附件:fixed
CSS属性来实现这一点。下面可以看到一个非常快速的演示:

html,
身体{
保证金:0;
填充:0;
}
html{
背景:url(http://lorempixel.com/800/600);
背景附件:已修复;/*这将停止图像滚动*/
}
身体{
最小高度:100vh;
页边距顶部:计算(100vh-100px);/*仅显示屏幕的100px*/
背景:浅灰色;/*设置背景*/
}

一些将滚动的文本
您好,欢迎来到stackoverflow,祝贺您提出第一个问题。但是,你的问题质量很低。请看这篇文章并添加更多细节,包括你的研究——还有一个指向你问题的指针——试着研究“视差效应”。