懂了。chrome app store 使用的height:100%;
有点想当年的pip.io那个滚动的不是body。
那样的话直接用一个遮盖改可以了。就像我上面说的，
下面给你下demo代码。
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
body{height:100%;width:100%;}
#out{position:fixed;top:0;left:0;bottom:0;right:0;overflow: auto;}
#cover{position:fixed;top:0;left:0;bottom:0;right:0;background:#ccc;opacity: 0.5;}
#box{position:fixed;top:50px;left:50px;bottom:50px;right:50px;background:#aaa;}
</style>
</head>
<body style="overflow:hidden;">
<div id="out">
我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br /> 我是内容<br />
</div>
<div id="cover" style="display:block;">我是遮罩层</div>
<div id="box">我是弹出窗</div>
</body>
</html>
可以尝试把cover的display改成none.