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();

            }

  • 相关阅读:
    Docker 安装及使用
    明明白白学 同步、异步、阻塞与非阻塞
    ArrayList 并发操作 ConcurrentModificationException 异常
    shell 脚本防止ddos
    shell 脚本备份数据库
    shell 脚本猜数字
    shell 脚本检测主从状态
    tomcat 结合apache 动静分离
    shell 脚本检测网站存活
    zabbix 4.0 版本 yum安装
  • 原文地址:https://www.cnblogs.com/davidpan/p/5643919.html
Copyright © 2011-2022 走看看