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

            }

  • 相关阅读:
    Android 统一配置依赖管理
    Android图片压缩工具MCompressor
    Android Studio 打包自定义apk文件名
    sourceTree的下载与安装
    Mac环境下SVN的配置和使用
    AndroidStudio环境搭建
    设计模式之策略模式
    设计模式之状态模式
    设计模式之观察者模式
    mysql 查询小demo
  • 原文地址:https://www.cnblogs.com/davidpan/p/5643919.html
Copyright © 2011-2022 走看看