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

            }

  • 相关阅读:
    UI Shader:平面特效火
    !!! 注意区分 lua table 变量的【原地修改】与【重新赋值】
    四舍五入 :先加 0.5, 再向下取整
    预乘α
    【 pivot 】 用代码动态设置 pivot 会导致UI 立即发生位移!
    【DrawCall】 unity 动态合批被打断的规律总结
    Text 首行缩进
    SVN 不小心上传,想要回撤提交,同时还要想保存本地的更改
    unity中打开文件夹选择文件返回文件的路径
    复制文件到指定目录
  • 原文地址:https://www.cnblogs.com/davidpan/p/5643919.html
Copyright © 2011-2022 走看看