jquery如何禁止上下滚动事件
发表于:2024-10-27 作者:千家信息网编辑
千家信息网最后更新 2024年10月27日,这篇文章主要介绍jquery如何禁止上下滚动事件,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!jquery禁止上下滚动事件的方法:1、打开相应的代码文件;2、判断滚动条高度;3
千家信息网最后更新 2024年10月27日jquery如何禁止上下滚动事件
这篇文章主要介绍jquery如何禁止上下滚动事件,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
jquery禁止上下滚动事件的方法:1、打开相应的代码文件;2、判断滚动条高度;3、通过"$(document).bind('mousewheel', function(event, delta)..."禁用滚轮事件即可。
本文操作环境:windows7系统、jquery3.2.1版、DELL G3电脑
jQuery禁用、开启鼠标滚轮事件
写一个网页的时候需要刚打开的时候是一个占满一屏的视频,想要禁用鼠标滚轮事件,通过点击向下的按钮使页面向下滑动过视频部分,所以查找了禁用鼠标滚轮的事件方法
1、禁用鼠标滚轮事件
$(document).bind('mousewheel', function(event, delta) {return false;});
之后滑动过视频以后又要使用鼠标滚轮向下滑动,所以解绑事件,使鼠标滚轮可以使用
2、如果要开启鼠标滚轮事件,直接解绑事件就可以了
$(document).unbind('mousewheel');
但是鼠标滚轮可以使用后,向上滚动就会回到视频部分,这时就会很尴尬的发现视频部分既可以用鼠标滚轮也可以用向下按钮,所以滑动到视频部分的时候要禁用鼠标滚轮事件。
怎么判断到了视频部分
1、首先判断我是向上滑动
ps:jQuery 半吊子,所以代码中又有js代码又有jquery代码
_window.onscroll = function(){ p=$(this).scrollTop(); if(t>p){ console.log("向上滚动"); } t = p;};
2、然后判断滚动条高度是否小于页面一屏的高度,这里加了一个获取一屏高度的函数
// 获取浏览器窗口的可视区域的高度function getViewPortHeight() { return document.documentElement.clientHeight || document.body.clientHeight;}_window.onscroll = function(){ p=$(this).scrollTop(); let height = getViewPortHeight(); if (p >= height){ $(document).unbind('mousewheel'); } if(t>p){ if (p < height) { $(document).bind('mousewheel', function(event, delta) { return false; }); $('html,body').animate({scrollTop:0},1000); } } } t = p;};
但是这样就会无限的给document禁用或开启鼠标滚轮事件,so sad
3、获取事件已经绑定的事件
使用
$._data(obj[0],"event")var objEvt = $._data($(document)[0], 'events');_window.onscroll = function(){ p=$(this).scrollTop(); let height = getViewPortHeight(); if (p >= height){ $(document).unbind('mousewheel'); objEvt = $._data($(document)[0], 'events'); } if(t>p){ if (p < height) { if (!objEvt){ $(document).bind('mousewheel', function(event, delta) { return false; }); objEvt = $._data($(document)[0], 'events'); $('html,body').animate({scrollTop:0},1000); } } } t = p;};
如果元素已经绑定事件就不绑定了,或者元素绑定了事件就给元素解绑
以上是"jquery如何禁止上下滚动事件"这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
事件
滚轮
鼠标
视频
部分
高度
代码
上下
元素
时候
内容
按钮
方法
篇文章
页面
尴尬
价值
兴趣
函数
区域
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
长沙网络安全工资一般是多少
无锡网络安全准入控制系统报价
怀化游戏软件开发费用
91网络安全法
腾讯数据库域名规范
一网络安全为主题画一幅手抄报
重庆交友软件开发价格
服务器双机热备份是什么
新手学习软件开发要学什么
西数共享服务器
oracle 数据库管理
网络安全素养证
酒店网络安全管理设备
软件开发从出生到消亡叫什么
王者荣耀战队服务器怎么下载
数据库什么书籍推荐
学习计算机图形好还是网络安全
学网络技术能去学前端后端吗
什么可导致数据库被脱裤
樊兴华网络安全
雷神网络技术有限公司
河南科技大学互联网加
达内软件开发培训可靠吗
博雅数据库山西二本
服务器u盘安装选择cd
湖南农业银行软件开发招标
武汉宜源互联网科技怎么样
100字手抄报内容网络安全
免费高速代理服务器
普洱服务器上门回收公司