/**
* 弹框出现,网页内容不可以滚动。 当然也可以给body设置百分百,overflow:hidden;
*/
function whellHandler(e) {
e.preventDefault(); // ie. e.returnValue = false
}
// 弹框出现,添加鼠标滚动事件,阻止默认行为,效率设置为false。效率默认为true,不设置为false,会报错,并且还是可以滚动。
// 鼠标滚动,浏览器渲染压力很大,需要全力以赴,如果要阻止默认行为,那么需要明确告诉浏览器:分出一部门精力来阻止默认行为,放弃一些优化。
window.addEventListener('wheel', whellHandler, {
passive: false
})
// 弹框消失,取消鼠标滚动事件
window.removeEventListener('wheel', whellHandler)
滚动阻止默认行为,报错了,并且无效
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 【蝴蝶效应】 蝴蝶效应:上个世纪70年代,美国一个名叫洛伦兹的气象学家在解释空气系统理论时说,亚马逊雨林一只蝴蝶...