Javascript 具有固定和重叠背景的滚动窗口

Javascript 具有固定和重叠背景的滚动窗口,javascript,html,css,Javascript,Html,Css,我正试图从这个网站上复制通过窗口滚动固定的背景图像 有人能建议/指导我怎么做 谢谢。他们正在做的是在手机部分添加一个额外的CSS类“scroll”,一旦你向下滚动足够远,他们就会将其删除。因此,以下CSS属性不再处于活动状态,应用程序屏幕保持不变: .phone-section.scroll .app-screen { background-attachment: scroll; } 如果您想知道他们是如何取消设置和设置这个“滚动”CSS类的,您需要深入了解他们的小型脚本,它可以发挥神

我正试图从这个网站上复制通过窗口滚动固定的背景图像

有人能建议/指导我怎么做


谢谢。

他们正在做的是在手机部分添加一个额外的CSS类“scroll”,一旦你向下滚动足够远,他们就会将其删除。因此,以下CSS属性不再处于活动状态,应用程序屏幕保持不变:

.phone-section.scroll .app-screen {
    background-attachment: scroll;
}
如果您想知道他们是如何取消设置和设置这个“滚动”CSS类的,您需要深入了解他们的小型脚本,它可以发挥神奇的作用:
并搜索术语“应用程序屏幕”提示:使用一些使其可读。

它只是使用了
背景附件:固定的
背景图像,位置:绝对
和具有
位置:relative
的父div。这花了时间,但计算了它的实际工作方式并使其工作起来…:)

你能更具体地说明你想复制什么部分吗?是页面顶部的滑块背景还是“连接”和“自定义”部分的彩色背景。“连接”和“自定义”部分对此使用平行效果。Na..这不会有帮助…我不知道视差是否会以这种方式工作…使用
背景附件:修复
可以轻松完成。。