| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
| 31 |
Tags
- react
- 상태관리
- error
- axios
- Chart
- Package
- useState
- 프론트엔드개발
- 시멘틱태그
- TradingVIew
- form
- NeXT
- frontend
- FRONT
- develop
- npm
- 리액트
- antd
- components
- Download
- vscode
- vue-cli-service
- 리액트기초
- VUE
- JavaScript
- 이미지
- type
- 프론트엔드
- err
- CSS
Archives
- Today
- Total
목록header (1)
개발쬬
[javascript] 모바일 검색창 숨기기 기능 구현 (터치 떨림 보정)
모바일에서 작동하는 검색창을 구현하려던 도중 터치아웃을 하는 순간 스크롤 감지에 의해 검색바가 깜빡이는 현상에 부딧혔다. 해당 버그를 수정하기 위해서 별의 별 짓을 다햇다.. lodash의 throttle 이나 touchout, touchstart 등등 여러가지 이벤트로 핸들링 하려고 해봤지만 깜빡이는 문제를 잡기 쉽지않았다.(스크롤이 워낙 민감하게 동작하기때문에..) 그러던 도중, 해당 글을 발견했고 jQuery 대신 javascript 로 구현한 로직을 짤 수 있었다. 사실, setInterval을 쓸 생각은 하지도 못했는데 덕분에 좋은 기능 구현을 할 수 있었다. :-) javascript var didScroll; var lastScrollTop = 0; var delta = 5; var navb..
쬬는 개발중
2023. 1. 30. 20:46