Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.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
Html 修正了在div上滚动的问题_Html_Css_Scroll - Fatal编程技术网

Html 修正了在div上滚动的问题

Html 修正了在div上滚动的问题,html,css,scroll,Html,Css,Scroll,我正在更新我的公文包,想尝试在这个网站上实现效果,登陆页面本身不会滚动,但内容会在上面滑动。如果在背景上放置背景附件:fixed,效果与背景相同。有没有一种方法可以仅仅使用CSS在div上实现相同的效果?该网站由两个主要部分组成,标题和页面内容。标题包含您想要复制的效果的首页,页面内容包含网站的其余部分。这是很容易看到使用开发工具(在铬去查看->开发->开发工具),这个工具是非常有用的!(我建议您学习如何使用它) 如果您查看标题CSS,您将看到: background-attachment: f

我正在更新我的公文包,想尝试在这个网站上实现效果,登陆页面本身不会滚动,但内容会在上面滑动。如果在背景上放置
背景附件:fixed
,效果与背景相同。有没有一种方法可以仅仅使用CSS在div上实现相同的效果?

该网站由两个主要部分组成,标题和页面内容。标题包含您想要复制的效果的首页,页面内容包含网站的其余部分。这是很容易看到使用开发工具(在铬去查看->开发->开发工具),这个工具是非常有用的!(我建议您学习如何使用它)

如果您查看标题CSS,您将看到:

background-attachment: fixed;
这将强制背景保持在相同的位置(因此不会与其余内容一起滚动)。但是,这仅适用于背景图像。在标题中有一个包含文本的section元素。区段位置设置为:

position: fixed;
这将强制文本保持在相同的位置,因为它是相对于浏览器窗口而不是文档流定位的


现在,为了使标题显示在页面内容后面,您必须使用z索引。您希望标题位于其他内容之后,因此它的z索引必须低于页面内容

你尝试时发生了什么?可能是重复的