728x90 300x250 pointer-events: none;1 상하 스크롤 하단 뿌옇게 처리하기 하단이 뿌옇게 처리된 상하 스크롤 리스트 아이템 1 리스트 아이템 2 리스트 아이템 3 리스트 아이템 4 리스트 아이템 5 리스트 아이템 6 리스트 아이템 7 #scrollable-list::after 가상 요소를 사용해서 하단 뿌옇게 처리된 배경을 만들었다. 그런데 여기서 문제는 맨마지막 리스트가 가상 요소 영역에 가려서 클릭이 안된다는 것이다. 리스트 아이템 1 리스트 아이템 2 리스트 아이템 3 리스트 아이템 4 리스트 아이템 5 리스트 아이템 6 리스트 아이템 7 pointer-events: none; 해당 요소에 마우스 이벤트를 비활성화하는 스타일을 가상요소에 적용하면 해당 가상 요소 위에서 마우스 이벤트가 발생하지 않아 마우스 클릭 등의 이벤트가 아래의 실제 리스트 아이템에 전달될 수 있게 된.. 2024. 1. 2. 이전 1 다음 728x90 반응형