Как перекрыть блок?

Question

[kot98]

.popup {
  position: relative;
  width: 100%;
  height: 100vh;
  &::before {
      display: block;
      position: absolute;
      content: '';
      background: linear-gradient(0deg, #FFFFFF 9.15%, rgba(255, 255, 255, 0) 100%);
      width: 100%;
      height: 200px;
      right: 0;
      bottom: 0;
  }
}

в блоке popup есть скролл. когда скроллю в конец блока не могу взаимодействовать с элементами (в частности со скроллом) под псевдоэлементом с градиентом. есть ли какой-нибудь вариант сделать его видимым, но не перекрывающим нижний блок?

Answer 1

[Сергей delphinpro]

::before {
  pointer-events: none;
}