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

            }

  • 相关阅读:
    链表问题----反转部分单向链表
    HTTP请求详解
    链表问题----删除链表的中间节点和a/b处的节点
    链表问题----删除倒数第K个节点
    栈和队列----最大值减去最小值小于等于num的子数组的数量
    栈和队列----求最大子矩阵的大小
    TCP/IP、Http、Socket的区别
    栈和队列----生成窗口的最大值数组
    linux根文件系统制作,busybox启动流程分析
    linux 内核启动流程分析,移植
  • 原文地址:https://www.cnblogs.com/davidpan/p/5643919.html
Copyright © 2011-2022 走看看