Как сделать position sticky для дочернего элемента?

 /* Стили для родительского элемента */ 
.parent { 
  max-height: 100vh; /* Ограничиваем высоту, чтобы создать область прокрутки */ 
  overflow-y: auto; /* Вертикальная прокрутка */ 
  padding: 20px; /* Отступы для лучшего восприятия */ 
  background-color: #f9f9f9; /* Фоновый цвет для контраста */ 
  border: 1px solid #ddd; /* Легкая рамка для выделения */ 
} 
 
/* Стили для "липкого" элемента */ 
.sticky { 
  position: sticky; 
  top: 0; /* Прилипание к верхней части родителя */ 
  background-color: #fff; /* Фоновый цвет для выделения */ 
  padding: 10px; /* Отступы для содержимого */ 
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Тень для эффекта "прилипания" */ 
  z-index: 10; /* Обеспечивает, что элемент будет над другими элементами */ 
}