position fixed div in scrollable div - can not scroll

我有一個固定的div，我想滾動一個div。當我的鼠標在固定div上時，我無法滾動div。有沒有辦法解決？position fixed div in scrollable div - can not scroll

#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

來源

2017-02-28 user1059511

'指針 - 事件s：none'（去檢查瀏覽器的兼容性） – CBroe

謝謝 - 不幸的是我需要一個鏈接在我的固定div – user1059511

你可以給你的固定div 20px的權利：http://codepen.io/anon/pen/MpaomW雖然你的文字仍然被隱藏在固定的div下。我會降低固定div的高度的滾動div的高度，然後將其作爲保證金底部添加：http://codepen.io/anon/pen/XMmged – Pete

添加pointer-events:none;這讓你scroll，甚至當你的光標在#fixed div

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

來源

2017-02-28 14:26:07 frnt

謝謝 - 不幸的是我需要一個鏈接在我的固定div – user1059511

超鏈接 - 我已經更新了我的codepen。 – user1059511

@ user1059511檢查此jsFiddle - https://jsfiddle.net/v9kzqghs/ – frnt

給#fixed以下width聲明：

width: calc(100% - 16px);

來源

2017-02-28 14:36:25 Rounin

position fixed div in scrollable div - can not scroll

回答

相關問題