Javascript 如何在一页网站上滚动半静态照片(内部示例)

Javascript 如何在一页网站上滚动半静态照片(内部示例),javascript,jquery,html,css,Javascript,Jquery,Html,Css,我如何达到这样的效果 当你滚动页面时,会出现一个背景图像,但随后图像停止,只有内容文本继续滚动,然后,当内容文本滚动时,另一个图像开始出现她的段落 你知道我如何在某个“时间”内“停止”图像吗 谢谢,这种效果叫做视差。有几个很好的库可以帮助您做到这一点: ScrollMagic:(我相信需要jQuery) 雷拉克:(香草js) 反应视差:(如果您使用的是反应) 或者,这可以通过纯CSS来实现,正如令人敬畏的David Walsh在这里概述的那样: 希望这有帮助

我如何达到这样的效果

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

你知道我如何在某个“时间”内“停止”图像吗


谢谢,这种效果叫做视差。有几个很好的库可以帮助您做到这一点:

  • ScrollMagic:(我相信需要jQuery)
  • 雷拉克:(香草js)
  • 反应视差:(如果您使用的是反应)
或者,这可以通过纯CSS来实现,正如令人敬畏的David Walsh在这里概述的那样:

希望这有帮助