前端增加遮罩层后下方还可以滑动解决方法

发布时间 2023-12-28 10:57:30作者: 我超凶的

之前用要实现一个底部弹窗,需要用到遮罩层,但功能实现后发现遮罩层下方的内容还可以滑动,后来上网查询解决方法,找到了很多相关内容,比如加定位和超出隐藏,但后来发现没那么复杂,直接控制css样式overflow-y就能实现

jq方法:
隐藏滑轮(不可滑动):
$('body').css('overflow-y','hidden');

显示滑轮(可滑动):
$('body').css('overflow-y','scroll');

注:如果写了代码没效果,那就说明滑轮没在body上,所以要先找到滑轮所在的位置,将body进行更换,再进行控制。