如何滚动固定div

Question

所以我希望能够在使用position: fixed;将鼠标悬停在div（标题）上时滚动浏览我的页面。有没有（简单）方法可以做到这一点？

我发现了一个类似的问题here，但在我的情况下，该div中有链接（<a></a>）并且这些链接应该有效，所以pointer-events: none;对我的情况没有帮助..

谢谢！

这是标题的CSS：

#header {
height: 90vh;
min-height: 80px;
max-height: 90vh;
background-color: rgb(30,30,30);

position: fixed;
top: 0;
left: 0;

box-shadow: 0 0 15px rgb(0,0,0);
z-index: 1;
}

Answer 1

嗨，我想你需要这个：

#navcontainer
{
    position:fixed;
    background:red;
    left:0;
    right:0;
    top:0;
    height:100px;
    z-index:3;
}
#navcontainer a{
float:left;
margin-right:10px;
}

.content
{
    position:relative; 
    background:green;
    left:0;
    right:0;
    padding:10px;
    top:90px;
    z-index:2;
    
}

.content .text 
{
padding:10px;
background:yellow;
}

<div id="navcontainer">
<a href="javascript:;">Menu item 1</a>
<a href="javascript:;">Menu item 2</a>
<a href="javascript:;">Menu item 3</a>
</div>
<div class="content">
	<div class="text">
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	lorem ipsum<br/>
	</div>
</div>