Javascript 如何驾驶div';用浏览器滚动条显示s位置(如超自然人网站所示)

Javascript 如何驾驶div';用浏览器滚动条显示s位置(如超自然人网站所示),javascript,jquery,html,scroll,Javascript,Jquery,Html,Scroll,我正试图弄清楚这是如何实现的: 在此站点中,浏览器窗口的滚动条驱动DIV的滚动位置。但是,即使该窗口完全适合您的浏览器窗口,它也有一个滚动条 我需要用滚动条驱动的容器元素创建一个站点,即使站点容器的大小适合大多数桌面浏览器窗口,而无需滚动。这是通过欺骗完成的,主体(或其他元素)的大小很大,以便获得滚动条,另一个元素的位置固定,高度/宽度100%位于滚动元素前面,占据整个屏幕,因此滚动元素不可见。然后是获取scrollTop/Left值,并根据滚动条的移动量移动前固定元素中的元素,使其看起来像是

我正试图弄清楚这是如何实现的:

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


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

这是通过欺骗完成的,主体(或其他元素)的大小很大,以便获得滚动条,另一个元素的位置固定,高度/宽度100%位于滚动元素前面,占据整个屏幕,因此滚动元素不可见。然后是获取scrollTop/Left值,并根据滚动条的移动量移动前固定元素中的元素,使其看起来像是在滚动,当您使用javascript根据scrollTop/Left值移动内容时,我们称之为视差。这听起来比实际情况更难。

超自然网站上哪个元素的大小更大?正文和html都有100%的宽度,它们有一个
#场景导航包装器
,用于滚动条,带有transform 3D和一些javascript来移动所提到的固定元素,在超自然人网站上称为
#场景包装器
。嗨,它可能使用了以下jquery视差插件之一: