使用CSS或JavaScript滚动速度更快-视差

用户2981725

我试图弄清楚这个网站是如何做到这一点的:

http://rosedalelivery.com/

可以使用CSS完成吗?我尝试使用多个背景图像,但是滚动效果不匹配。

提前致谢。

皮平

检验网站如何在CSS或JS中实现某些功能的最好方法是使用Chrome的Inspector工具。

您可以右键单击该站点的页面并检查该站点的资源(在Mac上为cmd + Option + i)-单击“资源”选项卡。在脚本下,它显示了一个stellar.js,这是一个流行的jQuery插件,用于在您所引用的网站上进行视差滚动。

Stellar.js网站:http://markdalgleish.com/projects/stellar.js/

Stellar.js Github页面:https : //github.com/markdalgleish/stellar.js

看起来该网站正在使用NiceScroll进行移动滚动:http ://areaaperta.com/nicescroll/

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章