就是一App的候, 出一, 然後原的scroll就不能移了, 而到新的上面移? 教要怎做?
推荐关注 Meteor JSLint - a Javascript code quality tool jsFiddle D3.js WebStorm 推荐书目 Javascript 权威指南第 5 版
Closure: The Definitive Guide
Closure: The Definitive Guide This topic created in 5287 days ago, the information mentioned may be changed or developed.
 | 1 zythum Nov 21, 2011 你再原来的层上面做个遮罩，就有点像chrome web store 出啦的那个半透明的那样。就可以了... |
 | 2 real_newbie OP @zythum 不是要它那半透明的. 前面的描述可能不大清楚: 1, 在App之前scroll bar可以一直往下拉 2, 了App後, 跳出一, scroll bar就不能再下拉了 是"遮罩"就可以效果? 具弄法... |
| 3 zythum Nov 21, 2011 加个遮罩应该就可以了。遮罩做position：fixed top0;left0;right0；bottom0 这样。 |
| 4 zythum Nov 21, 2011 抱歉 .。。 刚才试了下。这个方法不行... = =、 可以在那个有滚动的上面做个overflow:hidden; 我在去看下google是怎么实现的。 |
| 5 real_newbie OP @zythum 恩...~~ 我也那inspect element... |
| 6 zythum Nov 21, 2011 懂了。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&t; 可以尝试把cover的display改成none. |
 | 7 benzhe Nov 21, 2011 挺多方法的，如果不需要滚动可以直接用document.body.Onscrollwheel= function(){return false;}，然后上面盖一层height:100%。 需要滚动的话盖一层overflow:hidden之后，在新层加个overflow-y:scroll。 body上加overflow-y:none可以隐藏滚动条 研究了一下chrome web store 的实现方法，是通过height:100%加改变底层position(relative to fixed)实现的，这样就可以保留滚动条但不会出现可滑的bar。 |
Select Language