如何在一个页面网站上滚动半静态照片（示例内部）

Question

我如何实现像Janne.me这样的效果？

当您滚动页面时，会出现一个背景图像，但随后图像停止，只有内容文本继续滚动，然后，当内容文本被抬起时，另一个图像开始出现她的段落。

任何关于我如何能够＆＃34;停止＆＃34;某个＆＃34;时间＆＃34;？

的图像

由于

Answer 1

此效果称为视差。有几个很好的库可以帮助你做到这一点：

• ScrollMagic：https://github.com/janpaepke/ScrollMagic（我相信需要jQuery）
• rellax：https://github.com/dixonandmoe/rellax（vanilla js）
• react-parallax：https://github.com/RRutsche/react-parallax（如果你正在使用React）

或者这可以用纯CSS来完成，正如大卫沃尔什在这里概述的那样：https://davidwalsh.name/parallax

希望这有帮助！