| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- components
- type
- react
- Chart
- JavaScript
- develop
- antd
- axios
- CSS
- 리액트기초
- 프론트엔드
- 시멘틱태그
- 리액트
- 프론트엔드개발
- vscode
- TradingVIew
- NeXT
- FRONT
- vue-cli-service
- 이미지
- Download
- error
- form
- useState
- 상태관리
- err
- Package
- frontend
- npm
- VUE
Archives
- Today
- Total
목록scroll (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