缓慢旋转滚动效果 js

Question

嘿，我找到了一种用这个旋转我的 svg 的方法

var leftgear = document.getElementById("spin"),
rightgear = document.getElementById("spin2");
window.addEventListener("scroll", function() {
leftgear.style.transform = "rotate("+window.pageYOffset+"deg)";
rightgear.style.transform = "rotate(-"+window.pageYOffset+"deg)";
});

我面临的问题是它旋转得太快了。它需要减慢至少 70%。 此外，我无法使用jquery，因为我正在使用vue.js

Answer 1

如果您需要将其更改为 70%，只需执行以下操作：

var leftgear = document.getElementById("spin"),
rightgear = document.getElementById("spin2");
var multiplier = 0.7;
window.addEventListener("scroll", function() {
leftgear.style.transform = "rotate("+window.pageYOffset*multiplier+"deg)";
rightgear.style.transform = "rotate(-"+window.pageYOffset*multiplier+"deg)";
});

您可以将乘数更改为您想要的任何值，它将以不同的速度运行。