728x90
반응형
모바일 터치 이벤트를 제한할 수 있는 속성 touch-action
auto - 기본
none - 터치이벤트 안됨
pan-x - X축 터치 스크롤 허용
pan-y - Y축 터치 스크롤 허용
manipulation - 핀치줌, 터치스크롤
pan-left - 왼쪽방향 터치스크롤
pan-right - 오른쪽방향 터치스크롤
pan-down - 아래바향 터치스크롤
pan-top - 위쪽 방향 터치스크롤
pinch-zoom - 핀치줌허용
모바일 또는 개발자 모드로 확인해보세요.
참고
https://wit.nts-corp.com/2021/07/16/6397
CSS touch-action 한눈에 알아보기 | WIT블로그
touch-action CSS touch-action 속성이 무엇이며 어떻게 동작하는지 테스트 및 gif로 보기 쉽게 정리해보았습니다.
wit.nts-corp.com
728x90
반응형
'CSS > CSS 응용' 카테고리의 다른 글
| [CSS]종이 끝이 살짝 떠있는듯한 효과 (377) | 2019.05.29 |
|---|---|
| [CSS] 초간단 CSS만으로 탭메뉴 구현하는 방법 두가지(javascript 없이 탭메뉴 구현하기) (1073) | 2019.05.29 |
| [CSS]3D 버튼 애니메이션 (1777) | 2019.05.29 |
| [CSS]animation - 애니메이션 효과 중지했다가 다시 시작하기 (2506) | 2019.05.28 |
| [CSS]CSS만을 이용해서 차트 그리기 (377) | 2019.05.24 |
댓글