JS弹出层遮罩,隐藏背景页面滚动条细节优化分析

给body添加overflow：hidden属性即可，IE6、7下不会生效，需要给html增加overflow:hidden属性样式中需要对IE6、7及其它浏览器用hack辨别，这是因为当页面拉到下面时如果html或body被overflow:hidden，透明弹层下面的页面就会被部分正常隐藏，通过透明看到的一片的灰度，具体颜色跟平台及用户设置背景色有关。body或html去掉滚动条后，页面会有一个滚动条宽度/2的跳动！这个跳动对用户体验来十分不好，因此给body添加一下右padding，大小为滚动条的宽度。以上代码不考虑html或body是否有内联样式 ，如果html或body有内联样式则需要累加，否则会清空原有样式。针对键盘快捷键，需要取消他们的默认操作。给body添加全局样式height:100%;给弹层添加滚动样式