CSS не разрешает прокрутку

Question

В текущей форме CSS ниже не позволяет прокручивать мою страницу. Однако, если я отключу код CSS ниже, страница позволяет прокручивать. Я попытался установить атрибут overflow снова и снова, и используя height: 130%, я могу видеть полосу прокрутки, но страница по-прежнему фактически не прокручивается.

Вот JSFiddle, показывая мою проблему.

h1{ 
color: #FFF; 
} 

h3{ 
font-size: 25px; 
    color: #990000; 
    text-decoration: none; 
    font-family: 'Chivo'; 
} 

h5 { 
    color: #bb0000; 
    text-decoration: none; 
    font-family: 'Chivo'; 
    font-size: 40px; 
    line-height: 1em; 
    font-weight: bold; 

    } 

h5:focus { 
    outline: thin dotted rgb(51, 51, 51); 
     outline-width: thin; 
     outline-style: dotted; 
     outline-color: rgb(51, 51, 51); 
    outline-offset: -2px; 
} 

h5:hover, a:active { 
text-decoration: underline; 
color: #990000; 
outline: 0; 
outline-color: initial; 
outline-style: initial; 
outline-width: 0px; 
} 

/*box!*/ 

#boxdrop{ 
box-shadow: 0px 0px 10px grey; 
position:fixed; 
background-attachment:scroll; 
left:10px; 
} 
#boxdrop2{box-shadow: 0px 0px 10px grey;} 

.boxbg { background-color:#ccc;background-attachment:scroll; } 
.boxbg2 { background-color:#ddd; background-attachment:scroll;} 
.boxbg3 { background-color:#eee;background-attachment:scroll;} 
.all-round { 
border-radius:1em; 
-moz-border-radius:1em; 
-webkit-border-radius:1em; 
} 

Answer 1

Если вы хотите, чтобы получить свиток, удалить position:fixed с вашего boxdrop дел.

#boxdrop{ 
box-shadow: 0px 0px 10px grey; 
background-attachment:scroll; 
left:10px; 
} 

jsFiddle example

Answer 2

Я думаю, что вопрос ваш HTML. У вас есть два div с идентификатором boxdrop2. Кроме того, ваш div с id boxdrop имеет атрибут position:fixed, поэтому div не может прокручиваться в любом случае. Всякий раз, когда вы используете исправление, вы исключаете возможность прокрутки, поскольку фиксированные элементы оставляют поток элементов на странице.