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

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

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

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

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

更新：
上面的方法在pc端和安卓手机没问题，但在ios手机上却无效果，网上的说法是ios的制定规则不太一样，所以会失效，想要成功，需要添加position属性

代码优化后：
不可滑动：
$('body').css({"overflow-y":"hidden","position":"fixed"});

允许滑动：
$('body').css({"overflow-y":"scroll","position":"static"});