JS实现禁用滑动条但滑动条不消失的效果

//方法

//滑动条

    // left: 37, up: 38, right: 39, down: 40,

    // spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36

    var keys = [37, 38, 39, 40];

 

    function preventDefault(e) {

        e = e || window.event;

        if (e.preventDefault)

            e.preventDefault();

        e.returnValue = false;

    }

 

    function keydown(e) {

        for (var i = keys.length; i--;) {

            if (e.keyCode === keys[i]) {

                preventDefault(e);

                return;

            }

        }

    }

 

    function wheel(e) {

        preventDefault(e);

    }

 

    function disable_scroll() {

        if (window.addEventListener) {

            window.addEventListener('DOMMouseScroll', wheel, false);

        }

        window.onmousewheel = document.onmousewheel = wheel;

        document.onkeydown = keydown;

    }

 

    function enable_scroll() {

        if (window.removeEventListener) {

            window.removeEventListener('DOMMouseScroll', wheel, false);

        }

        window.onmousewheel = document.onmousewheel = document.onkeydown = null;

    }

 

//判断是否微信浏览器打开

    function isWeiXin(){

        var ua = window.navigator.userAgent.toLowerCase();

        if(ua.match(/MicroMessenger/i) == 'micromessenger'){

            return true;

        }else{

            return false;

        }

    }

 

//调用

if(isWeiXin()){

            $('body').bind("touchmove",function(e){

                e.preventDefault();

            });

        }else{

            disable_scroll();

        }

 

if(isWeiXin()){

            $("body").css("overflow-y", "inherit");

            $("body").css("position", "inherit");

            $("body").unbind("touchmove");

        }else{

            enable_scroll();

        }

posted @ 2016-07-05 15:49  DavidPan  阅读(746)  评论(0编辑  收藏  举报