使用overflow会导致滚动条消失,即使添加填充也会导致页面重排 阻止滚动函数
const banWheel = e=>e.preventDefault();
停止滚动
// passive:是否跳过preventDefault检查,浏览器默认是关闭状态,提高滚动事件响应速度;
document.addEventListener('wheel',banWheel,{passive:false})
恢复滚动
document.removeEventListener('wheel',banWheel)
overscroll-behavior:子元素滚动到头时的行为方式
overscroll-behavior-y: 纵向
overscroll-behavior-x: 横向
none:不允许向上传递,auto:默认,向上传递
设置为none后,子元素的滚动不会影响到父元素,也是一种折中的解决方案