<!DOCTYPE html>
<style>
#container{
position: relative;
overflow: scroll;
width: 200px;
height: 200px;
}
#hack {
position: absolute;
}
#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="hack">
<div id="element"></div>
</div>
<div id="container">
<div id="staff"></div>
</div>
<script>
var container = document.getElementById('container'),
hack = document.getElementById('hack');
hack.style.width = container.clientWidth + 'px';
hack.style.height = container.clientHeight + 'px';
hack.style.left = container.offsetLeft + 'px';
hack.style.top = container.offsetTop + 'px';
</script>
Сорри за оффтоп:
1. почему у меня в подписи появляется "code_5149b5065efd6" вместо "return caprion;", хотя при предпросмотре все нормально?
2. как при ответе сделать кнопку "Посмотреть" вверху кода, как у danik.js в этой теме?