Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 폰트적용하기
- click and drag
- 커스텀
- const 단언문
- typescript
- 공통컴포넌트
- NonNullable
- react
- 누구나 자료구조와 알고리즘
- 타입스크립트
- CSS
- TSDoc
- 레이아웃쪼개기
- reactjs
- javascript
- 반복줄이기
- Chart.js
- utilty type
- JS console
- vue.js
- 제네릭
- React.js
- 티스토리꾸미기
- 타입좁히기
- 리액트
- React Native
- 개발콘텐츠
- returnType
- 성능최적화
- 2022
Archives
- Today
- Total
목록click and drag (1)
몽땅뚝딱 개발자
[Vue.js] 웹에서 가로 스크롤 click and drag 이벤트 구현하기
이번에 가로로 된 리스트를 구현하면서 모바일웹처럼 드래그 할 수 없는 점이 불편하게 느껴졌다. 사용자입장에서도 불편해 할 요소라 느껴져 적용하게 되었다. 📄 HTML Vertical Scroll 📄 script data() { return { // 드래그 제어 요소 isMouseDown: false, startX: 0, scrollLeft: 0, }; }, // 제어할 스크롤 요소 const verticalScrollWrap = this.$refs.verticalScrollWrap verticalScrollWrap.addEventListener('mousedown', (e) => { this.isMouseDown = true this.startX = e.pageX - verticalScrollWrap.o..
Development/Vue.js
2023. 4. 28. 15:01