ホイールを回すのをjavascriptで取得をする

参考:JavaScriptでマウスホイールイベントを扱い、スクロールも停止する方法

<script type="text/javascript">
function handle(delta) {
    if (delta < 0){
            // 下方向にまわした場合の処理
    }else{
            // 上方向にまわした場合の処理
    }
}
function wheel(event){
    var delta = 0;
    if (!event){/*IE*/
            event = window.event;
    }
    if (event.wheelDelta) { /* IE/Opera. */
            delta = event.wheelDelta/120;
            if (window.opera){
                    delta = -delta;
            }
    } else if (event.detail) { /** Mozilla*/
            delta = -event.detail/3;
    }

    if (delta){
            handle(delta);
    }
    if (event.preventDefault) {
            event.preventDefault();
    }
    event.returnValue = false;
}
if(window.addEventListener){
    window.addEventListener('DOMMouseScroll', wheel, false);
}
window.onmousewheel = document.onmousewheel = wheel;
</script>

Next / Prev

前の記事:

次の記事:

Same Category

Page top↑