html - 滚动时使背景图像首先显示底部?

标签 html css

我正在尝试制作类似 https://www.artyofficial.com/ 的功能有。

向下滚动时,第二张图片的底部会出现,而第一张图片开始被切掉。 CSS 是如何实现这样的功能的?我会发布样式表,但遗憾的是我什至不知道从哪里开始。

最佳答案

您正在寻找的是 parallax scrolling effect

最重要的属性是 background-attachment: fixed; 这里。

我给你做了一个JSFiddle尽可能简单,看看它。

关于html - 滚动时使背景图像首先显示底部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46336830/

相关文章:

javascript - 单击垂直选项卡时如何使页面滚动到顶部

html - 不显示支持的字母

Javascript DOM 将值发送到 iframe 中嵌入的函数以模拟按键

javascript - 为什么 Chrome 会在 "pre"标签中加载我的 HTML?

javascript - 图像和放大倍率

html - 未加载特定文件夹名称的 CSS 文件

html - 定义 <OL> 起始值

javascript - 如何在点击时打开 javascript 三级可折叠菜单?

Css 背景文本颜色空间

html - 网站在 Mozilla 中不起作用,但在 IE 和 Chrome 中可以