解决弹窗背景锁定及ios兼容问题（显示弹窗时，弹窗内容滚动，背景不随之滚动。关闭弹窗后，背景恢复滚动功能）（ios输入框失焦致使父元素可视区域改变）

最近在工做中遇到了这么一个需求： 点击页面按钮，显示弹窗（弹窗内可展开多个列表，列表中有多条输入框，展开时整个弹窗内容超一屏），当弹窗内的内容滚动时，背景不随之滚动（通常滚动到底部或顶部后，内部滚动条会触发背景主页面滚动，若是背景页面超一屏）。当关闭弹窗时，主页面又能够恢复滚动。css 简而言之，就是弹窗背景锁定问题 解决的思路很简单，当弹窗显示时，获取页面scrollTop高度，给背景主页面设置

>>阅读原文<<