javascript - 在滚动条上绘制/显示路径

Question

我需要构建一个响应式时间轴，在滚动时进行动画处理。这个简介的一部分是在滚动时显示一条路径 - 路径是一系列圆圈，如 -

我需要从左到右显示，图像是背景不透明的 PNG，因为下面的层上还有其他事情发生 - 基本上我很难找到一个不错的方法。是否可以使用纯 CSS 或 CSS/JS 的组合从左到右显示不透明图像!？

Answer 1

用这段代码

window.onscroll = function (event) {
    var amount = window.pageYOffset + "px";
    document.getElementById("cover").style.left = amount;
}

你可以实现它。

工作 fiddle :Fiddle