javascript - 使用 css 或 javascript 更快地滚动 - 视差

标签 javascript css parallax

<分区>


要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用,以及预期结果。另请参阅:Stack Overflow question checklist

关闭 9 年前

我想弄清楚这个网站是如何产生这种效果的:

http://rosedalelivery.com/

这可以使用 css 来完成吗?我尝试使用多个背景图片,但滚动效果不匹配。

提前致谢。

最佳答案

检查网站如何使用 CSS 或 JS 实现某些功能的最佳方法是使用 Chrome 的检查器工具。

您可以右键单击站点页面并检查站点资源(在 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/

关于javascript - 使用 css 或 javascript 更快地滚动 - 视差,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20279177/

上一篇:css - 使用 css 表格的动态 div 高度在 IE9 或 IE10 中不起作用

下一篇:css - Windows 浏览器上的字体在视觉上不正确

相关文章:

javascript - 检查数组是否包含不同的值

javascript - 在 ng-click 上绑定(bind)谷歌分析事件跟踪

html - Bootstrap 3 中带有容器流体和容器的网格

javascript - 视差 "scrolling"仅通过导航

jquery - 有没有办法在 DIV 中进行视差工作

javascript - Document.domain 和 &lt;iframe&gt;s 破坏了 Internet Explorer 中的 "Back"按钮

javascript - 选择测验数量后显示测验

javascript - Bootstrap 3 popover 作为嵌套消息框/评论插件

javascript - 使用 JavaScript 的计算器

javascript - 具有视差的网页部分在滚动时滞后