JavaScript实现鼠标滚轮事件——onmousewheel

通过滚轮改变div  height

bind()请点击参考之前文章

/***
 * 滚轮调整div高度
 */
var box = document.getElementById("box");

//为box绑定鼠标滚轮滚动事件

/**
 * 火狐中不适用    需要用DOMMouseScroll绑定滚动事件
 * 该事件需要通道addElementListener（）事件来绑定
 * */
box.onmousewheel = function (event) {
    event = event||window.event
    /***
     * wheelDelta   正 向上滚   负  向下滚
     * 火狐不支持
     */
    // alert(event.wheelDelta);
    /***
     * 火狐中用detail获取滚动方向
     * 向上 -3        向下 3
     */
    // alert(event.detail);

    // chrome
    if (event.wheelDelta > 0 || event.detail < 0){
        // alert("向上 box变短")
        box.style.height = box.clientHeight - 10 +"px";

    }else {
        // alert("向下")
        box.style.height = box.clientHeight +10 +"px";
    }

    /*
    使用addElementListener()方法绑定响应函数，取消默认行为不能用retur