经典遮罩滚动条问题

本文属于原创，转载请注明地址：http://blog.csdn.net/lihb018/article/details/73737322

网上各种办法都没有完美而简单地解决办法 （包括增加滚动事件） ，然而只需要一个style属性就可以解决

遮罩css

div.invalid {

    display: block;

    opacity: 0.80;

    background: #393939;

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0%;

    left: 0%;

    float: right;

    z-index: 100;

    overflow-y: auto;

}

如上代码所示，其实只需要将position设置为fixed，即可实现全屏遮罩效果，完美！

本文属于原创，转载请注明地址：http://blog.csdn.net/lihb018/article/details/73737322