javascript - 滚动跳转到列表中的下一个图像（不是连续的）

Question

我怎样才能做出类似于下面效果的东西。当您滚动滚动时，滚动不是连续的，而是跳到下一个图像。 http://www.yesstudio.co.uk/

我想象它非常复杂的 JS，所以我对其他实现类似效果的解决方案非常开放。

Answer 1

我认为你需要使用 JS。使用 jQuery。不应该那么复杂。如果您查看页面源代码，您会看到图像按顺序正常加载。你所要做的就是放一个

<div style='width:100%;height:100%;position:fixed;z-index:2'>
    <img id='pic' src=''>
</div>

进入您的 html，然后src根据$(window).scrollTop(). 我认为 JQuery 有一个函数可以告诉你哪些元素是可见的。不过不确定。查一下。

考虑一下。