• 스크롤 되는 영역에 그라데이션을 넣어야 했습니다.
  • 아래 영역에서 before과 absolute를 이용해서 스크롤 되는 리스트 하단에 항상 그라데이션을 넣는 것에는 성공했습니다.
  • 하지만 그 영역에서 스크롤이 되지 않았습니다.
  • 그냥 보기엔 리스트의 영역처럼 보이지만 실제론 아래 영역 안에 포함된 곳이기 때문에 스크롤이 되지 않는 것이 올바른 동작입니다.
  • 이를 해결하기 위해 CSS 속성인 pointer-events: none을 사용해서 포인터 이벤트를 없앰으로서 리스트의 하단 그라데이션 영역에서도 스크롤이 가능합니다.