Наложение CSS не прокрутка

Question

У меня есть наложение CSS с изображением в центре. Моя проблема в том, что эта фотография всегда будет большой, и мне нужно прокрутить эту картинку внутри наложения, чтобы увидеть остальную часть.

но случается, что когда я прокручиваю, я прокручиваю страницу за оверлей. что в этом плохого?

CSS

#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; 
} 

HTML

<div id="imgfull"> 

<img src="http://thumbs.dreamstime.com/z/%C3%A1rvore-isolada-1821590.jpg"> 

</div> 

<div><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><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><br><br><br><br><br><br><br><br><br><br></div> 

http://jsfiddle.net/zo78e2dt/

Answer 1

Вы можете добавить overflow-y: scroll в #imgfull сделать Div прокрутки независимо от остальной части страницы.

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

Answer 2

, если я понимаю, как это?

я использовал новый контейнер для фото под названием «над» с этим CSS:

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

http://jsfiddle.net/s2h1ecLp/