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

回答

相关问题