滑轮上下滚动事件和绑定滚轮事件

一：

var initTop = 0;

$(window).scroll(function() {

var scrollTop = $(document).scrollTop();

if (scrollTop > initTop) {

console.log("滑轮向下滚动");

$('.header_title').css({'position':'relative'});

} else {

$('.header_title').css({'position':'fixed', 'top':'0'});

console.log("滑轮向上滚动");

}

initTop = scrollTop;

});

二：

//    var scrollFunc = function(e) {

//        var direct = 0;

//        e = e || window.event;

//        if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件

//            if (e.wheelDelta > 0) { //当滑轮向上滚动时

//                console.log("滑轮向上滚动");

//                $('.header_title').css({'position':'relative'});

//            }

//            if (e.wheelDelta < 0) { //当滑轮向下滚动时

//                console.log("滑轮向下滚动");

//                $('.header_title').css({'position':'fixed', 'top':'0'});

//            }

//        } else if (e.detail) { //Firefox滑轮事件

//            if (e.detail > 0) { //当滑轮向上滚动时

//                console.log("滑轮向上滚动");

//                $('.header_title').css({'position':'relative'});

//            }

//            if (e.detail < 0) { //当滑轮向下滚动时

//                console.log("滑轮向下滚动");

//                $('.header_title').css({'position':'fixed', 'top':'0'});

//            }

//        }

////        ScrollText(direct);

//    }

//    //给页面绑定滑轮滚动事件

//    if (document.addEventListener) {

//        document.addEventListener('DOMMouseScroll', scrollFunc, false);

//    }

//    //滚动滑轮触发scrollFunc方法

//    window.onmousewheel = document.onmousewheel = scrollFunc;