慢旋转onscroll效果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％，只需执行以下操作：

onMouseOver={(this, id)=>{this.increase.bind; this.hover.bind}}

您可以将乘数更改为任意值，并且乘数将以不同的速度进行。