美文网首页
锁定当前div的鼠标滚动事件

锁定当前div的鼠标滚动事件

作者: 八卦程序 | 来源:发表于2017-06-13 22:16 被阅读0次

页面有如下div

<div id="content"></div>

给该div绑定如下事件

$('#content').bind('mousewheel',function(event) {
  if (!event) event = window.event;
  this.scrollTop = this.scrollTop - (event.wheelDelta ? event.wheelDelta : -event.detail * 10);
  return false;
});

这时,鼠标在该div区域滚动时,页面不会滚动。
参考资料:请教控制滚动 div 的同时不滚动页面, 当 div 滚动到底部时同样不滚动页面!

相关文章

  • 锁定当前div的鼠标滚动事件

    页面有如下div 给该div绑定如下事件 这时,鼠标在该div区域滚动时,页面不会滚动。参考资料:请教控制滚动 d...

  • react 移动端:div嵌套子点击子div会触发最外城div

    滑动穿透文件:就是直接禁止当前页面的滚动事件 点击子div会触发最外城div的点击事件

  • JS实例-事件对象2

    鼠标滚轮滚动: 鼠标滚轮事件:在页面滚动鼠标滚轮弹出1:onmousewheel -> 当滚动鼠标的滚轮的时候兼容...

  • Selenium

    鼠标事件 滚动

  • 原生js实现滑动并监听滑动事件

    滚动可以分为窗口滚动和div滚动 窗口滚动 因为要兼容不同浏览器,窗口滚动的当前高度是取这三个值 div滚动 假设...

  • 31.JS

    118. 事件的拖拽 120. 鼠标滚动事件

  • js 实现防抖与节流

    鼠标移动事件onmousemove, 滚动滚动条事件onscroll,窗口大小改变事件onresize,瞬间的操作...

  • 鼠标滚动事件

    大多数浏览器支持mousewheel事件操作,它可以在任何元素上触发,最终冒泡到document或window对象...

  • 鼠标滚动事件

    把百度地图引动到当前页面时,会出现这种情况:鼠标在地图上滚动时,页面也会滚动。怎么让地图动、页面不动呢?代理基于j...

  • jquery.mousewheel.js鼠标滚动监听插件

    前言 项目中,有时需要监听鼠标的滚动事件,根据鼠标的滚动方向做出相应的事件处理,此时我们可以使用jquery.mo...

网友评论

      本文标题:锁定当前div的鼠标滚动事件

      本文链接:https://www.haomeiwen.com/subject/jspjqxtx.html