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

骑猪看日落 2022-08-06 11:10 264阅读 0赞

页面有如下div

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

给该div绑定如下事件

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

这时，鼠标在该div区域滚动时，页面不会滚动。

参考资料：http://www.v2ex.com/t/141121

发表评论

表情：
评论列表 （有 0 条评论，264人围观）

还没有评论，来说两句吧...

相关阅读

    相关 div不响应鼠标事件

    div不响应鼠标事件 有时，需要覆盖在表面的div完全透明，并且，鼠标事件也不相应。如何实现呢，其实很简单 只需要加使用`css`一句话即可实现： 只需要添加st

    我不是女神ヾ我不是女神ヾ/ 0 赞/ 461 阅读