Javascript 我想我的标志，使一个完整的旋转，因为你滚动到页面底部。怎么用？

我当前的代码使我的徽标在滚动时旋转，但它会进行多次完整旋转。如何使其在整个页面滚动中仅旋转一次

另外，很明显，页面高度会有所不同；10000px仅用于演示目的。另外，我将window.pageYOffset除以10，以稍微降低旋转速度

var logo=document.getElementById（“logo”）；
addEventListener（“滚动”，函数（）{
logo.style.transform=“旋转（“+window.pageYOffset/10+”度）”；
});
.main{
高度：10000px；
}
#标志{
位置：固定；
}
使用
360*window.pageYOffset/（document.documentElement.scrollHeight-document.documentElement.clientHeight）
计算角度


var logo=document.getElementById（“logo”）；
addEventListener（“滚动”，函数（）{
logo.style.transform=“旋转”（+（360*window.pageYOffset/（document.documentElement.scrollHeight-document.documentElement.clientHeight））+“度”）；
});
.main{
高度：10000px；
}
#标志{
位置：固定；
转变：转变1s；
}

对不起，我刚刚发布了一个firefox唯一的东西-该死，这些东西看起来很糟糕，但是你的代码不起作用。徽标不会旋转。我试过Chrome、Safari和macOS上的Edge。它只在firefox上运行，所以除了REAL，你什么都试过了firefox@Alan-我现在已经将firefox唯一的解决方案替换为一个应该在任何地方都能工作的解决方案（上帝啊，我希望它能做到，尽管这种不一致的日子已经过去了），有没有可能在轮换中加入放松？