0
我以这个piping demonstration为例来说明我正在做什么。管道和背景颜色跨越3个div，并且我有一个小的发光球，当用户向下滚动页面时，我想沿管道移动。在管道的水平部分，我想创造一个扩大的div，但首先最重要的，下面的代码：如何在用户滚动条上的固定路径上移动图像
<!DOCTYPE html>
<html>
<head>
<style>
.canvas {
background-image: url(/images/piping_demonstration2.png);
}
#glow {
background-image: url(/images/glow.png);
background-attachment: fixed;
}
.dadiv {
height: 500px;
}
</style>
</head>
<body>
<section class="canvas">
<div id="glow">
<div id="first" class="dadiv" height="500px"></div>
<div id="second"class="dadiv" height="500px"></div>
<div id="third" class="dadiv" height="500px"></div>
</div>
</section>
</body>
</html>
我明白，我将不得不使用JavaScript，但我仍未能找到一个好的来源开始。
您是否找到解决方案？我正在寻找类似的动画。 –
@RhythmRuparelia我没有。在我意识到需要更多时间之后，我放弃了，而不是像我认为的那样应该这样做，而且自那之后我就再也没有这样做过。 – hoolakoola
我已经使它现在工作，仍然需要使其响应。我有一个项目，其中对象在桌面视图中以曲折路径移动，但路径在移动视图中更改为直线。我正在使用GSAP（greensock）进行动画制作。 –