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 中，然后根据 $(window).scrollTop() 更新 src 属性。我认为 JQuery 有一个函数可以告诉您哪些元素是可见的。虽然不确定。查一下。

考虑一下。