滚动鼠标轮，增加/减少模块高度

HTML部分

<div class="mouse">事件对象</div>

CSS部分

<style>
        .mouse{
            width: 100px;
            background-color: red;
            height: 25px;
        }
</style>

JS部分

 var oMouse=document.getElementsByClassName('mouse');
    window.onmousewheel=function(e){
        console.log(e)
        // var newhight=Math.round(window.scrollY)
        if(e.wheelDelta < 0 || e.deltaY > 0  ){ // 判断滚轮滚动的方向是向上还是向下
            console.log('方向向下')
            oMouse[0].style.height = oMouse[0].offsetHeight + 10 + 'px'
        }else{
            console.log('方向向上')
            oMouse[0].style.height = oMouse[0].offsetHeight - 10 + 'px'
        }
        // 当页面有滚动条时，由于滚轮滚动时的默认形为会导致页面整体下移，可以用阻止默认形为方式阻止掉
        e.preventDefault ? e.preventDefault() : e.returnValue = false;
    }