position fixed div über scrollbares div - kann nicht scrollen

Question

Ich habe ein festes div über ein div, das ich scrollen möchte. Wenn meine Maus über dem festen div ist, kann ich das div nicht scrollen. Gibt es das überhaupt?

#scroll { 
    width:660px; 
    height:300px; 
    overflow-y:scroll 
} 

#fixed { 
    width:100%; 
    height:100px; 
    padding:20px; 
    box-sizing: border-box; 
    position:fixed; 
    bottom:0px; 
    background:red; 

} 

http://codepen.io/garethj/pen/PpPmdJ

Answer 1

pointer-events:none; Fügen Sie diese Sie scroll erlauben, auch wenn Sie den Cursor auf #fixed div

#fixed { 
    width:100%; 
    height:100px; 
    padding:20px; 
    box-sizing: border-box; 
    position:fixed; 
    bottom:0px; 
    background:red; 
    pointer-events:none; /*Add this*/ 
} 

ist

Answer 2

Geben #fixed die folgende width Erklärung:

width: calc(100% - 16px);