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

如果你希望得到的回卷，从您的boxdrop DIV删除position:fixed。

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

jsFiddle example

Answer 2

我认为这个问题是你的HTML。您有两个div s，其编号为boxdrop2。此外，您的div与编号boxdrop具有position:fixed属性，因此div无法以任何方式滚动。无论何时使用fixed，都会消除滚动的可能性，因为固定元素会离开页面中的元素流。