0

我认为我的问题的标题准确地描述了我想知道的内容。

我希望能够模拟/重现此站点https://dotvita.com/的确切滚动功能。

似乎背景是固定的，但只能滚动到一个点。或者，更清楚地说，它与其余内容同时滚动，但只滚动到一个点。当我查看 html 源代码时，我看到了以下内容：

<body>
   <div id="background"></div>
<body>

背景的CSS是：

#background {
    position: fixed;
    top: -458px;
}

你们能告诉我这里发生了什么吗？上面的代码是否产生了我们在该网站上看到的内容，还是发生了其他事情？

谢谢！

4

1 回答 1

0

确实在后台发生了其他事情。看起来他们正在使用 Jquery 和自定义脚本来产生这种效果。

对于许多浏览器，您可以检查单个元素或整个站点并查看正在使用的文件。在 Google Chrome 中，您可以通过按 CTRL+SHIFT+I 并单击“资源”选项卡来执行此操作。在这里，您可以使用左侧的文件树进入 Frames > [website name] > Scripts 并查看加载的各种脚本文件。

这是似乎导致这种很酷效果的文件： https ://dotvita.com/php/min/?f=js/core/jquery.retina.js,js/core/jquery.resize.js,js/ core/jquery.equalHeights.js,libs/qtip/js/jquery.qtip.js,libs/colorbox/js/jquery.colorbox.js,js/plugins.js,js/script.js

为了使它工作，该站点需要安装 Jquery，即这个文件： https ://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

这是我一段时间以来一直想重新创造自己的效果。祝你好运！

于 2013-06-21T15:50:55.760 回答