博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jq禁止与启动滚动条
阅读量:7113 次
发布时间:2019-06-28

本文共 3124 字,大约阅读时间需要 10 分钟。

旧demo

$(".buy_btn").click(function(){		$(".pop").fadeIn(300);		disable_scroll();			});	$("input[name='cancel']").click(function(){		$(".pop").fadeOut(300);		enable_scroll();	});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;  }

新demo

$(".buy_btn").click(function(){		$(".pop").fadeIn(300);		disableScroll();			});	$("input[name='cancel']").click(function(){		$(".pop").fadeOut(300);		enableScroll()	});    var keys = { 37: 1, 38: 1, 39: 1, 40: 1 };        function preventDefault(e) {            e = e || window.event;            if (e.preventDefault)                e.preventDefault();            e.returnValue = false;        }        function preventDefaultForScrollKeys(e) {            if (keys[e.keyCode]) {                preventDefault(e);                return false;            }        }        var oldonwheel, oldonmousewheel1, oldonmousewheel2, oldontouchmove, oldonkeydown        , isDisabled;        function disableScroll() {            if (window.addEventListener) // older FF                window.addEventListener('DOMMouseScroll', preventDefault, false);            oldonwheel = window.onwheel;            window.onwheel = preventDefault; // modern standard            oldonmousewheel1 = window.onmousewheel;            window.onmousewheel = preventDefault; // older browsers, IE            oldonmousewheel2 = document.onmousewheel;            document.onmousewheel = preventDefault; // older browsers, IE            oldontouchmove = window.ontouchmove;            window.ontouchmove = preventDefault; // mobile            oldonkeydown = document.onkeydown;            document.onkeydown = preventDefaultForScrollKeys;            isDisabled = true;        }        function enableScroll() {            if (!isDisabled) return;            if (window.removeEventListener)                window.removeEventListener('DOMMouseScroll', preventDefault, false);            window.onwheel = oldonwheel; // modern standard            window.onmousewheel = oldonmousewheel1; // older browsers, IE            document.onmousewheel = oldonmousewheel2; // older browsers, IE            window.ontouchmove = oldontouchmove; // mobile            document.onkeydown = oldonkeydown;            isDisabled = false;        }        window.scrollHanlder = {            disableScroll: disableScroll,            enableScroll: enableScroll        };

  

转载于:https://www.cnblogs.com/bbqwwb/p/6555461.html

你可能感兴趣的文章
eclipse中报错:java.lang.OutOfMemoryError: Java heap space
查看>>
Ubuntu 16.04 grub rescue 模式下修复 grub
查看>>
【Spring】24、<load-on-startup>0</load-on-startup>配置
查看>>
L0 Regularization
查看>>
使用JDBC向Kudu表插入中文数据乱码(转载)
查看>>
spf13-vim安装与使用
查看>>
字体颜色代码表
查看>>
hdu 2156 分数矩阵
查看>>
android SQLite数据库应用于草稿箱
查看>>
Android 无缝换肤深入了解与使用
查看>>
Cordova快速开始(安卓篇)
查看>>
ActiveMQ
查看>>
聚类算法(kmeans)详解和python实现
查看>>
四种遍历方法你选哪个?
查看>>
LeetCode41.缺失的第一个正数 JavaScript
查看>>
Java设计模式五——单件模式
查看>>
奇怪的 Ruby
查看>>
79. Word Search
查看>>
【Android】RxJava的使用(四)线程控制 —— Scheduler
查看>>
极限编程 (Extreme Programming) - 迭代计划 (Iterative Planning)
查看>>