jquery左右滑动事件,js禁止滚动条滚动事件

　　本文的运行环境：windows7系统，jquery3.2.1版本3.2.1，DELL G3电脑

　　jquery怎么禁止上下滚动事件？

　　JQuery禁用和打开鼠标滚轮事件。

　　写网页的时候，需要是刚打开就占满屏幕的视频。如果要禁用鼠标滚轮事件，可以通过单击向下按钮将页面向下滑动通过视频部分，这样就找到了禁用鼠标滚轮的事件方法。

　　1.禁用鼠标滚轮事件。

　　$(文档)。bind(mousewheel ，function(event，delta){返回false});滑动视频后，你必须使用鼠标滚轮向下滑动，因此请解开事件，并使鼠标滚轮可用。

　　2.如果要开启鼠标滚轮事件，直接解除事件绑定即可。

　　$(文档)。解除绑定( mouse wheel )；不过鼠标滚轮可以使用后，向上滚动会回到视频部分。这时候会很尴尬的发现可以使用视频部分的鼠标滚轮或者向下键，所以滑动到视频部分的时候要禁用鼠标滚轮事件。

　　你是怎么判断视频部分的

　　1.首先，判断我是向上滑动的。

　　Ps:jquery半生不熟，所以代码里既有js代码，也有jquery代码。

　　window.onscroll=function(){

　　p=$(这个)。scroll top()；

　　if(tp){

　　Console.log(向上滚动)；

　　}

　　t=p；

　　};2.然后判断滚动条的高度是否小于页面一屏的高度。这里添加了一个函数来获取一个屏幕的高度。

　　//获取浏览器窗口可视区域的高度

　　函数getViewPortHeight() {

　　return document . document element . client height document . body . client height；

　　}

　　window.onscroll=function(){

　　p=$(这个)。scroll top()；

　　let height=getViewPortHeight()；

　　if (p=高度){

　　$(文档)。解除绑定( mouse wheel )；

　　}

　　if(tp){

　　如果(p高度){

　　$(文档)。绑定(鼠标滚轮，函数(事件，增量){

　　返回false

　　});

　　$(html，body )。animate({scrollTop:0}，1000)；

　　}

　　}

　　}

　　t=p；

　　};但是这将无限期地禁用或打开文档的鼠标滚轮事件，太可悲了。

　　3.获取事件已绑定到的事件。

　　使用

　　$._data(obj[0]， event )

　　var objEvt=$。_data($(document)[0]， events )；

　　window.onscroll=function(){

　　p=$(这个)。scroll top()；

　　let height=getViewPortHeight()；

　　if (p=高度){

　　$(文档)。解除绑定( mouse wheel )；

　　objEvt=$。_data($(document)[0]， events )；

　　}

　　if(tp){

　　如果(p高度){

　　如果(！对象)

　　$(文档)。绑定(鼠标滚轮，函数(事件，增量){

　　返回false

　　});

　　objEvt=$。_data($(document)[0]， events )；

　　$(html，body )。animate({scrollTop:0}，1000)；

　　}

　　}

　　}

　　t=p；

　　};如果一个元素被绑定到一个事件，它将不会被绑定，或者如果一个元素被绑定到一个事件，它将被解除绑定。

　　推荐：《jquery视频教程》以上是jquery如何禁止上下滚动事件的详细内容。更多信息请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。