Имеется контейнер с прокручиваемой областью, в нем элеменет:
<!DOCTYPE html>
<style>
#container{
position: relative;
overflow: scroll;
width: 200px;
height: 200px;
}
#staff{
width: 1000px;
height: 1000px;
}
#element{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50px;
background: rgba(255, 0, 0, 0.4);
}
</style>
<div id="container">
<div id="element"></div>
<div id="staff"></div>
</div>
Реально ли зафиксировать #element так, чтобы он не прокручивался, то есть вел себя примерно как position:fixed, но относительно не viewport'а, а контейнера? Вариант с прослушиванием onscroll не подходит, так как элемент будет дергаться.
Скроллбары должны быть именно у #container