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）進行動畫製作。 –