开发小技巧： 如何在jQuery中禁用或者启用滚动事件.scroll

最新推荐文章于 2024-07-09 15:47:50 发布
最新推荐文章于 2024-07-09 15:47:50 发布
阅读量275 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://my.oschina.net/gbin1/blog/124710
版权

为什么80%的码农都做不了架构师？>>>   hot3.png

日期：2013-4-10  来源：GBin1.com

开发小技巧： 如何在jQuery中禁用或者启用滚动事件.scroll

在线演示

开发人员在使用jQuery开发web应用或者网站的过程中，有的时候需要触发特定元素来禁用页面滚动特性，或者启动页面滚动，使用下面的jQuery代码可以帮助你实现window对象滚动事件的绑定和解除绑定。

代码非常简单，使用jQuery的.off方法可以帮助你取消事件的绑定，具体代码如下： 

var scrollHandler = function(){
 ......

在线调试： http://www.gbtags.com/gb/debug/e2415d7e-10ee-4b7b-b41d-b503324f72fa.htm

来源：开发小技巧： 如何在jQuery中禁用或者启用滚动事件.scroll

转载于:https://my.oschina.net/gbin1/blog/124710

weixin_34001430
关注
JavaScript学习笔记--进阶之路
JackieDYH的博客
03-16 1527
了解js特性&事件使用 20200316 1、JavaScript简介 历史： 第一个浏览器 就是文本和图片 网景公司 增强用户的使用体验 急需一门语言 实现用户和网页之间的交互 诞生：为了实现用户和网页的交互而出现 1、开发一门新语言 2、使用已经成熟的语言（java<sun> python c ------） ​ 这个时候使用的是java ---...
Java图形化GUI界面
alinyinlei的博客
02-27 1万+
一、GUI是什么 GUI的全称为Graphical User Interface，图形化界面或图形用户接口，是指采用图形方式显示的计算机操作环境用户接口。与早期计算机使用的命令行界面相比，图形界面对于用户来说更为简便易用。GUI的广泛应用是当今计算机发展的重大成就之一，它极大地方便了非专业用户的使用人们从此不再需要死记硬背大量的命令，取而代之的是通过窗口、菜单、按键等方式来方便地进行操作。而嵌入式GUI具有下面几个方面的基本要求：轻型、占用资源少、高性能、高可靠性、便于移植、可配置等特点。 1、 不流行的主
jquery阻止默认滑动
weixin_33946020的博客
01-18 157
$(".swiper-slide").click(function(){ var index = imgarr[$(this).index()]; var content = "<img class='a' src="+index+" />"; $(".mengceng").show(...
jQuery JS 禁用滚动条和启用滚动条
u012725119的专栏
08-22 5868
CSS： .lock { overflow: hidden; touch-action: none; } .lock body { overflow: hidden; touch-action: none; ma
jQuery屏蔽浏览器的滚动事件,定义自己的滚轮事件
Wang1996332的博客
11-12 490
1.首先应用jQuery库 ,不做详细介绍 2引用jQuery的mousewheel库,这里面是这个库的源码,使用时直接拷贝过去就可以了: (function(a){ function d(b){ v...
防止页面滚动
weixin_30247159的博客
08-11 276
'功能说明:防止页面滚动 Public Function RetainScrollPosition() Dim Page As Page = System.Web.HttpContext.Current.Handler Dim saveScrollPosition As StringBuilder = New StringBuilder...
fastadmin 各种开发技巧，问题总合集，持续跟新中....
最新发布
xxpxxpoo8的专栏
07-09 932
也可以单独获取某个字段 js 需改后的代码 需要带花括号 下面简单介绍一下几个配置的含义 name:唯一标识,其中index/add/edit/del/multi/dragsort这几个框架已经暂用,如果使用将会覆盖已有属性 text:按钮上的文本，可以为空时，为空时按钮将不显示文字信息，为空时最好配置上icon的值 title:按钮的标题信息，当鼠标移到上面时显示的文字，同时作为dialog弹出窗时的标题信息 icon:按钮上的按钮信息，可使用Font-awesome的按钮，当text为空时请务必填
web学习笔记
刘群智的博客
07-27 1万+
常用属性............................................................................................ 1 Html基础........................................................................................... 3 ...
2022前端笔记
马航机长的博客
06-24 2204
tip：只记录本人记得不牢固的，或者有启发的点，新手建议多看书 1、原型链 实例对象的constructor也会指向构造函数 因为没有constructor属性会通过原型链找（容易忽略，是个小陷阱） function Person() {} var person = new Person(); console.log(person.constructor === Person); // true __proto__ 来自于 Object.prototype,更像是一个 getter/setter，使用 o
javascript禁止页面滚动（但是ie8及以下不支持）
weixin_33948416的博客
03-15 137
var scrollFunc=function(e){ e=e||window.event; if (e&&e.preventDefault){ e.preventDefault(); e.stopPropagation(); }else{ e.returnvalue=false; return false; } } if(window.addEve...
禁止页面滚动的方法
weixin_34220834的博客
10-22 4201
平时做的大部分禁止页面滚动都是用preventDefault，附上代码function handler() { event.preventDefault();} // 绑定事件document.addEventListener('touchmove', handler, false);// 解绑事件document.removeEventListener('touchmove', handle...
jQuery禁用、开启鼠标滚轮事件
u012957967的专栏
09-08 6688
写一个网页的时候需要刚打开的时候是一个占满一屏的视频，想要禁用鼠标滚轮事件，通过点击向下的按钮使页面向下滑动过视频部分，所以查找了禁用鼠标滚轮的事件方法 1、禁用鼠标滚轮事件 $(document).bind('mousewheel', function(event, delta) {return false;}); 之后滑动过视频以后又要使用鼠标滚轮向下滑动，所以解绑事件，使鼠标滚轮可以...
jquery滚动事件添加+消除
一叶扁舟
01-13 5467
var scrollHandler = function(){ $(window).off("scroll",scrollHandler);//解除bind事件 }; $(window).scroll(scrollHandler);//bind事件
【JQuery】用JQuery来监听浏览器改变窗口大小事件
热门推荐
能看代码的CrackLibby
06-16 1万+
做web开发的时候会遇到需要监听浏览器窗口大小改变事件，而进行相关操作。这里像大家介绍一下 JQuery浏览器窗口改变事件。 $(window).resize(); 这里需要注意 这个事件不要写在页面加载完成事件（ $(function(){…} ）内部，而需要写在他外面。 $(window).resize(function() { var width = $(this).width(
js禁止滚动条滚动，并且滚动条不消失，页面大小不变
小结巴巴的博客
03-08 842
//禁止滚动条滚动 function unScroll() { var top = $(document).scrollTop(); $(document).on('scroll.unable',function (e) { $(document).scrollTop(top); }) } 　　 //移除禁止滚动条滚动 ...
jQuery 控制页面滚动条显示和隐藏
冷夜轩的博客
06-18 7833
jQuery 控制页面滚动条显示和隐藏
使用jQuery windowScroll插件创建单屏滚动效果
JavaScript部分，引入了jQuery库（`jquery-1.9.1.min.js`）以及自定义的windowScroll插件（`jquery.codetker.windowScroll.js`）。插件的实现会覆盖默认的滚动行为，添加动画效果，并可能包含一些自定义选项，比如...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值