javascript - 如何使用浏览器滚动条驱动 div 的位置（如 Paranorman 网站所示）

Question

我试图弄清楚这是如何完成的：

http://www.paranorman.com/

在这个站点中，浏览器窗口的滚动条驱动 DIV 的滚动位置。但是，即使该窗口完全适合您的浏览器窗口，它也有一个滚动条。

我需要创建一个包含将由滚动条驱动的容器元素的站点，即使站点容器的大小适合大多数桌面浏览器窗口而无需滚动。

Answer 1

这是通过诡计完成的，其中主体（或其他一些元素）具有较大的尺寸以便获得滚动条，并且另一个元素放置在位置固定且高度/宽度为 100% 的滚动元素前面并占据整个屏幕，所以滚动的元素不可见。然后就是根据滚动条的移动量获取 scrollTop/Left 值并在前固定元素内移动元素，使其看起来像正在滚动，当您真正使用基于 scrollTop/Left 的 javascript 移动内容时值，我们称之为视差。这一切听起来比实际上更难。