JSFiddle - React, Tailwind, and code Playground

by LeeConan

HTML

<div id="fixed">mouse wheel over this fixed content</div>
<div id="container">
   
    <div id="content">Tall Content</div>
    
</div>

CSS

body { }
#container { 
height: 500px; border: 1px solid blue; overflow: scroll;
/*important here*/
background-color:transparent;
}
#content { height: 1000px; }
#fixed { 
    position: fixed; 
    right: 20px; 
    height: 100px; 
    width: 200px;
    border: 1px solid red; 
    background: pink;
    /*important here*/
    z-index:-1;
}