sharomet
@sharomet
Front-End

Как можно зафиксировать div в другом диве?

Всем привет.
Скажите как можно зафиксировать один элемент в другом, то есть что б к примеру 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. Пример моральное окно у него есть хедер и оно очень длинное а в хедере кнопки управления.
  • Вопрос задан
  • 425 просмотров
Решения вопроса 2
KarleKremen
@KarleKremen
Игнорирую Bootstrap
Дык элементарно же: codepen.io/anon/pen/MKXejd
Ответ написан
z-index + position: fixed; самый простой способ
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы