Javascript 更改滚动方向时，使div旋转180度

我正在制作一个网页，上面的插图沿着页面向下移动，当我改变滚动方向时，我希望它旋转180度以匹配滚动方向。在网上找不到任何东西可以帮我写这行JS。我对js非常陌生，希望通过实践来学习它。

首先尝试确定滚动方向，然后每当滚动发生变化时：

let方向=null；
设oldcoll=0；
window.onscroll=函数（e）{
//如果方向向下，则打印“false”；如果方向向上，则打印“true”
如果（this.oldcoll>this.scrollY）{
如果（方向！=“向上”）{
document.getElementById（“box”）.style.transform=“旋转（180度）”；
}
方向=“向上”
}否则{
如果（方向！=“向下”）{
document.getElementById（“box”）.style.transform=“”；
}
方向=“向下”；
}
this.oldcoll=this.scrollY；
}

.box{
过渡：所有2；
高度：50px；
宽度：150px；
背景色：红色；
}
.集装箱{
高度：1000px；
}

---

您能告诉我们您当前的代码吗？（或者，如果不是，那么“插图”是什么类型的HTML元素，可能是什么？）