# pointer-events

5개의 포스트

[React] Sidebar 부드럽게 보이기 & 부드럽게 내려오기

예전부터 하고 싶었던 부드럽게 흘러나오는 사이드바...드디어 알아냈다...(샤라웃 투 n0hack)opacity로 불투명도 줬을 때 안 보이지만 박스 내부 클릭은 작동해서 포기했었다.이번엔 opacity와 pointer-events: none 으로 설정하여 아무리 마우

2022년 9월 4일
·
0개의 댓글
·
post-thumbnail

7/8 13일차

오늘은 마이페이지 디자인이 전체적으로 나와서 css를 만졌다.중요한 것은 이 정도인 것 같다.피그마의 사진을 처음 export 해봤다!이미지를 저장한 뒤, 프로젝트 파일에 옮겼다.위치는 src > public > img 가 보편적이라고 한다.그리고 이미지를 쓰려면 im

2022년 7월 7일
·
0개의 댓글
·
post-thumbnail

2022.05.09 TIL

눈에 보여지는 수치.HTMLElement.offset은 원초적인 사이즈라고 이해하면 된다.문서가 수직으로 얼마나 스크롤됐는지 픽셀 단위로 반환수평은 window.scrollX 사용HTML에서 data-\*\*\*\*(넣고 싶은 이름)로 사용할 수 있다.어느 엘리멘트에나

2022년 5월 9일
·
0개의 댓글
·

z-index 로 겹쳐진 영역의 아래 영역에 이벤트 추가하기

z-index으로 겹쳐진 위 영역에 pointer-events:none; 속성을 주면 아래 영역에 이벤트 발생이 가능하다.단 위 속성은 ie10에서는 사용 불가https://css-tricks.com/almanac/properties/p/pointer-even

2021년 11월 3일
·
0개의 댓글
·
post-thumbnail

스크롤하면 moveToTop 버튼 띄우기

사이트를 스크롤 하면 보이지 않던 화살표 버튼이 서서히 나타나도록 만들고 있었다. 그런데.. visibility 속성으로 scroll이벤트에 따라 변화를 주었더니 적용이 되지 않아서 opacity로 주었는데 문제가 있었다. 해당 영역에 그대로 존재하지만 투명해졌을 뿐

2021년 10월 21일
·
0개의 댓글
·