zoukankan      html  css  js  c++  java
  • 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();

            }

  • 相关阅读:
    java远程调用rmi入门实例
    POJ2752 Seek the Name, Seek the Fame 【KMP】
    Scala入门到精通——第十六节 泛型与注解
    js:简单的拖动效果
    Android拍照、摄像方向旋转的问题 代码具体解释
    对dispatch_async到主线程的逻辑封装成C/C++接口类型
    Oracle password expire notices
    CentOS bridge br0 kvm libvirt-xml
    国内常用ntp服务器ip地址
    C Deepin指针
  • 原文地址:https://www.cnblogs.com/davidpan/p/5643919.html
Copyright © 2011-2022 走看看