将背景滚动到固定位置

时间:2013-06-21 15:38:04

标签: background scroll

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

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

似乎背景是固定的,但只能滚动到一个点。或者,更清楚的是,它与其他内容同时滚动,但仅限于某一点。当我查看html源代码时,这就是我所看到的:

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

和后台的CSS是:

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

你们能告诉我这里发生了什么吗?以上代码是否产生了我们在该网站上看到的内容,或者还有其他什么东西在进行?

谢谢!

1 个答案:

答案 0 :(得分:0)

在背景中确实还有其他事情发生。看起来他们正在使用Jquery和自定义脚本来产生这种效果。

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

这是一个似乎导致这种酷炫效果的文件: 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

这就是我一直想要重建自己一段时间的效果。祝你好运!