Question

我有一个CSS叠加层，中间有一张图片。我的问题是，这张照片总是很大，我需要在叠加层中滚动这张照片以查看剩下的部分。

但是当我滚动时，我滚动覆盖后面的页面会发生什么。这有什么问题？

CSS

NSVisualEffectView

HTML

#imgfull{
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 10;
 background-color: rgba(0,0,0,0.9);
 text-align:center;
}
#imgfull img{
 max-width:90%;
 margin-top:55px;
 box-shadow:0 0 25px #111;
 -webkit-box-shadow:0 0 25px #111;
 -moz-box-shadow:0 0 25px #111;
 z-index:100;
}

http://jsfiddle.net/zo78e2dt/

Answer 1

您可以将overflow-y: scroll添加到#imgfull，以使div与页面的其余部分无关地滚动。

http://jsfiddle.net/zo78e2dt/5/

Answer 2

如果我理解的是这样的话？

我使用了一个名为＆＃34; over＆＃34;用这个css：

.over {overflow-y:auto;
height:100%;}

http://jsfiddle.net/s2h1ecLp/

CSS覆盖不滚动

2 个答案: