Javascript 如何使用鼠标滚轮滚动圆？

我有一个圆，我必须使用鼠标滚轮或箭头旋转360度，但它将在圆接触蓝色边框时启动。现在，当我滚动代码并触摸蓝色边框时，代码正在工作。但是我必须用鼠标滚轮滚动圆圈。我的意思是使用鼠标滚轮，我必须将圆圈也反转

你知道怎么做吗

$（窗口）.bind（'scroll'，function（）{
var l_360=document.getElementById（“l_360”）；
var controller=new ScrollMagic.controller（）；
变量tween=TweenLite.to（l_360，3{
x:-1910，
y:350，
轮换：360，
不透明度：“1”，
ease:Linear.easeOut
});
var scene=new ScrollMagic.scene({
触发元素：“l#U 360”
})
.塞特温（吐温）
.setClassToggle（“#l_360”，“淡入”）
.addTo（控制员）；
});
.parent\u img{
位置：固定；
右：0；
排名：0；
宽度：100%；
文本对齐：右对齐；
}
.内容，
.content_2，
.content_3{
宽度：700px；
位置：相对位置；
}
.内容{
边缘顶部：400px；
}
.main_l{
位置：固定；
右：115px；
顶部：20px；
z指数：100；
}
.main_l.l_圆{
宽度：250px；
高度：250px；
背景色：#EFBD40；
边界半径：50%；
显示器：flex；
}
.main_l.l_圆h2{
保证金：自动；
颜色：#fff；
字体大小：35px；
}
蓝先生{
背景色：#0082ff；
变换：倾斜（0度，-10度）；
z指数：-1；
/*颜色：#fff*/
}
.蓝色.集装箱{
变换：倾斜（0度，10度）；
位置：相对位置；
顶部：50px；
}

360度
这只是为了测试
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
这是一种不受欢迎的行为，它是一种不受欢迎的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

使用事件将为滚轮的滚动方向提供增量。例如，要检测车轮的垂直移动，属性
deltaY
将为负值（向前）或正值（向后）：

如果愿意，可以直接使用该值，但它可能会因浏览器和系统而异

示例


var div=document.querySelector（“div”）；
var角=0；
document.onwheel=功能（e）{
如果（e.deltaY）{//我们有一个垂直（公共）方向的轮子
e、 预防默认值（）；
角度+=e.deltaY<0？4:-4；//什么方向？
div.style.transform=“旋转（“+角度+”度）”；//做点什么
}
};
body{margin:30px}
div{边框半径：50%；边框：3px实心#09f；宽度：150px；高度：150px；}
O
u是否在使用scroll时查找圆在一个位置并旋转？@Hash，正确。circle现在是固定的，当用户滚动时，circle触摸蓝色，使用鼠标滚轮，circle将像层一样运行。如果打开，您将看到有一个选项
反转
，描述为当向上滚动时场景是否反转？，我想这就是您要寻找的，但是我不知道如何实现它。@AlaaMh，谢谢你的回复，我只想知道如何使用它。我上传的问题在这里，如果你能帮助我，谢谢你的答复。我在这里添加了代码。我试过你的代码，但在这里，只有圆圈的内部文本是旋转的。@NarendraVerma我不会为你编码：）你已经掌握了如何使用它所需的所有信息，现在你的工作是将这些信息应用到你的场景中。我真的很感激你试图解决我的问题。我没有从你的代码中得到任何实现它的想法。