Javascript 如何检查鼠标是否向上或向下滚动？

我正在尝试获得鼠标方向功能。我想知道如何检查鼠标是否向上或向下滚动

每次检查车身是否向上或向下滚动：

if(scroll top... ) {
    do something.....
}

if(scroll bottom... ) {
    do something.....
}

CSS:

HTML:

滚动方向：/

您可以使用HTML5中的检测鼠标滚轮动作。向上/向下由增量是正（向上滚动）还是负（向下滚动）确定

window.onload=function（）{
var directionInfo=document.getElementById（“directionInfo”）；
if（directionInfo.addEventListener）{
directionInfo.addEventListener（“mousewheel”，MouseWheelHandler，false）；
directionInfo.addEventListener（“DOMMouseScroll”，MouseWheelHandler，false）；
}
else方向信息attachEvent（“onmousewheel”，鼠标滚轮处理器）；
功能MouseWheelHandler（e）{
//交叉浏览器车轮三角
var e=window.event | e；
var delta=数学最大值（-1，数学最小值（1，（e.车轮delta | |-e.细节））；
如果（增量>0）
directionInfo.innerText='Up'；
其他的
directionInfo.innerText='Down'；
返回false；
}
}

。方向信息{
宽度：100px；
高度：100px；
边框：1px纯绿色；
}

window.onload=function（）{
var directionInfo=document.getElementById（“directionInfo”）；
if（directionInfo.addEventListener）{
directionInfo.addEventListener（“mousewheel”，MouseWheelHandler，false）；
directionInfo.addEventListener（“DOMMouseScroll”，MouseWheelHandler，false）；
}
else方向信息attachEvent（“onmousewheel”，鼠标滚轮处理器）；
功能MouseWheelHandler（e）{
//交叉浏览器车轮三角
var e=window.event | e；
var delta=数学最大值（-1，数学最小值（1，（e.车轮delta | |-e.细节））；
如果（增量>0）
directionInfo.innerText='Up'；
其他的
directionInfo.innerText='Down'；
返回false；
}
}

。方向信息{
宽度：100px；
高度：100px；
边框：1px纯绿色；
}

---

滚动位置和鼠标位置不同。你想要哪一个？你编写并试图用来解决问题的代码在哪里？@jitujahagirdar，很好。你打算把它作为答案吗？是的，这对我真的很有帮助。谢谢你

body { 
    height:1400px; 
    margin:0; 
    padding:0; 
    position:relative; 
}
.get-direction-info-here {
    width:150px; 
    height:30px; 
    background:red; 
    display:block; 
    font-size:14px; 
    line-height:30px; 
    color:#fff; 
    position:fixed; 
    top:0;
}

<div class="get-direction-info-here">
    Scroll direction: <!-- Scroll TOP --> / <!--Scroll Bottom-->
</div>

<div class="direction-info"> </div>