Всем привет.
Скажите как можно зафиксировать один элемент в другом, то есть что б к примеру div скролился только в другом divе. если у родительского размеры в процентах.
Я возможно непонятно объяснил. Вот пример. Спасибо.
https://jsfiddle.net/sharomet/w9d9d0fL/<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<div class="d1">
<div class="d2"></div>
</div>
</body>
</html>
.d1{
display:block;
width:50%;
overflow:hidden;
position:relative;
margin:50px auto 0;
background-color:#ddd;
z-index:1;
}
.d2{
position:fixed;
width:inherit;
height:50px;
background-color:#aaa;
z-index:10;
}
Я плохо обьяснил. Родительский элемент стоит на месте а когда скролиш то внутренний прелипает к верхней части экрана типа position:fixed. Пример моральное окно у него есть хедер и оно очень длинное а в хедере кнопки управления.
Средний
