jq禁止与启动滚动条

旧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
        };

  

时间: 2024-10-13 13:54:21

jq禁止与启动滚动条的相关文章

禁止开机启动后Oracle 无法连接 、 网络适配器错误 处理

禁止开机启动后Oracle 无法连接, 转来:http://blog.sina.com.cn/s/blog_4aeef1220100fmsr.html TNS-12560: TNS: 协议适配器错误 Microsoft Windows [版本 5.2.3790] (C) 版权所有 1985-2003 Microsoft Corp. C:\Documents and Settings\user1>lsnrctl LSNRCTL for 32-bit Windows: Version 9.2.0.7

Win10如何禁止软件运行?win10禁止软件启动的设置方法!禁止人生日历热点快讯的方法

相信不少使用Win10系统的用户遇到过下载了一款软件进行安装后后续会有接连不断的程序安装到电脑中.他可能似乎一个大家常用的程序,在我们安装好运行的时候会通过后台偷偷下载其他应用安装到我们电脑中,导致系统垃圾横行,各种卡顿.大部分应用程序可以用Ctrl+Alt+Del 通过任务管理器来将其禁用,但是对于一些顽固的程序来说是不可行的,在本文中win10之家小编给大家分享下禁止顽固软件启动的设置方法. win10禁止软件启动的设置方法一: 1.Win+R组合键之后输入gpedit.msc,依次进入"计

jQ禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery类库与其他Javascript类库冲突

1. 禁止右键点击 代码如下: $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2. 隐藏搜索文本框文字 代码如下: $(document).ready(function() { $("input.text1").val("Enter your search text here"); textFill($

Javascript禁止父元素滚动条滚动, pc、移动端均有效

在网页中经常会遇到这样的场景, 网页比较长有滚动条, 然后网页内的某个内容块里面的内容也比较长, 也具有滚动条.当鼠标移到内容块中使用滚动条来滚动查看内容到达底部或头部的时候,父元素的滚动条也就开始滚动了, 非常影响体验, 特别是选择东西的时候.我们需要在滚动的时候不允许父元素也跟着滚动.有一种非常简单, 但是适应能力不强的方法就是, 给鼠标一上去的时候, 给BODY加一个css 属性overflow:hidden !important; 这个方法在部分浏览器中没有效果, 而且这个方法有个副作用

解决被手机管理工具禁止开机启动的方法

目前市面上很多工具有屏蔽其他app开机启动的功能,比如猎豹清理大师和360安全卫士.本文讲解如何避免被猎豹清理大师关闭收不到开机广播的情况,360安全卫士的屏蔽模式还没搞清楚,有大牛明白的话请赐教. 猎豹屏蔽的原理是通过改变第三方app接收开机广播reciver的状态来达到效果.解决办法就是在关机广播里面把自己改为可用. 具体代码如下: 接收开机广播android.intent.action.BOOT_COMPLETED的组建命名为com.android.test.CompletedRecive

Linux禁止开机启动防火墙firewall.service

每次重启测试环境会发现外网都无法访问80端口,用systemctl status firewalld.service检查防火墙,是开启的状态 要使firewall不开机启动,使用命令systemctl disable firewalld.service 重启虚机后,再次检查firewall的状态 已经没有启动了. 原文地址:http://blog.51cto.com/12482328/2087882

CSS 禁止底部出现滚动条

1.完全隐藏在<boby>里加入scroll="no",可隐藏滚动条: <boby scroll="no"> 2.在不需要时隐藏指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条:反之,则显示: <boby scroll="auto"> 3.样式表方法 在<boby>里加入style="overflow-x:hidden",可隐藏水平滚动条:加入style="ov

禁止程序启动2次

static class Program { /// <summary> /// 应用程序的主入口点. /// </summary> [STAThread] static void Main() { bool createdNew = false; Mutex mutex = new Mutex(false, "singlestart", out createdNew); if (!createdNew) { MessageBox.Show("Can'

Html body的滚动条禁止与启用

在写一个在页面中,经验证用户没有登录或session失效时候弹出登录框禁止页面滚动用到今天搞了一个功能,上下左右居中,模仿QQ空间里的样式,把横向和纵向滚动条禁止掉代码如下:<script type="text/javascript"> //禁止滚动条 $(document.body).css({   "overflow-x":"hidden",   "overflow-y":"hidden"