如何制作一个随滚动变化的垂直滑块？

Question

我正在制作一个需要从下到上滑动内容的目标网页。与https://www.google.com/adsense/start/benefits/ 自定义洞察部分类似。 任何jquery插件或片段都可以实现这一目标吗？

Answer 1

它实际上并没有向上滚动。图像贴在页面上，就像它的绝对位置一样，直到文本栏跟上它。然后它继续。所以它就像从某个坐标到结束坐标的position: absolute;，然后再回到它的样式。

因此，如果您在滚动到<div>时使用Javascript将绝对定位应用于图像，然后在滚过<div>时恢复为旧css，您将获得所需的效果。有很多插件也可以做到这一点。我在这里找到一个： https://github.com/davist11/jQuery-Stickem

查看演示，看看我的意思。