锁定当前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