Как завиксировать блок в зафиксированном блоке
У меня есть зафиксированный главный блок со скроллом, и я хочу зафиксирова другой блок в этом блок, но у меня получается, что он фиксируется за пределами блока и не ведёт по ссылке "#". Что мне делать.
.container {
position: fixed;
overflow-y: scroll;
width: 60%;
height: 95%;
left: 2.5%;
right: 2.5%;
margin: 2.5% auto;
border: 5px solid red;
}
.fixed {
position: fixed;
width:50px;
bottom:25px;
right:25px;
z-index: 999;
background: blue;
}
.fill {
background: green;
width: 80%;
height: 500px;
margin: 5px;
} <div class="container">
<a class="fixed" href="#top">To top</a>
<div class="fill" name="top"></div>
<div class="fill"></div>
<div class="fill"></div>
<div class="fill"></div>
<div class="fill"></div>
<div class="fill"></div>
</div>