Как зафиксировать элемент и добавить свойство overflow: hidden?

Question

[alex_643]

Имеется два элемента внешний и внутренний. Надо чтобы у внутреннего было свойство position: fixed; а у внешнего overflow: hidden; но как только я присоединяю position: fixed; к внутреннему пропадает overflow. Как сохранить оба свойства?

.outer{
  display: grid;
  height: 200px;
  width: 200px;
  border: 3px dashed;
  border-color: black;
  overflow: hidden;
}
.inner{
  position: fixed;
  height: 100px;
  width: 100px;
  margin: 100px 100px 100px 100px;
  border: 3px solid;
  border-color: black;
}

Comments

[Ankhena]

fixed вынимает элемент из потока и позиционирует относительно окна браузера. Соответственно, родитель перестает быть родителем.

Вероятно, вам нужен absolute и расчет координат на js в зависимости от скролла. Или типа того.

[Сергей Горностаев]

Где здесь программирование и разработка?

Answer 1

[Юпитер Макс]

fixed не может иметь родителя, он всегда сам по себе. Попробуй заменить на absolute

Comments

[alex_643]

Всё тоже самое. Потом мне нужно чтобы элемент фиксировался при скроллинге страницы и был оверфлоу.