jquery – 在子div中防止父滚动

前端之家收集整理的这篇文章主要介绍了jquery – 在子div中防止父滚动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我滚动到子div的底部时,body元素开始滚动.

我怎么能阻止这个?我只希望当光标在它上面时滚动身体.

示例:JsFiddle

解决方法

通过添加一些JavaScript当然!

FIDDLE

  1. $( '.area' ).on( 'mousewheel',function ( e ) {
  2. var event = e.originalEvent,d = event.wheelDelta || -event.detail;
  3.  
  4. this.scrollTop += ( d < 0 ? 1 : -1 ) * 30;
  5. e.preventDefault();
  6. });

猜你在找的jQuery相关文章