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 | 31 |
Tags
- 성능최적화
- TSDoc
- react
- 티스토리꾸미기
- 폰트적용하기
- Chart.js
- returnType
- utilty type
- 개발콘텐츠
- 커스텀
- reactjs
- 레이아웃쪼개기
- 반복줄이기
- vue.js
- 누구나 자료구조와 알고리즘
- 2022
- 타입좁히기
- 공통컴포넌트
- 리액트
- JS console
- javascript
- CSS
- typescript
- 타입스크립트
- React.js
- const 단언문
- NonNullable
- click and drag
- React Native
- 제네릭
Archives
- Today
- Total
목록가로스크롤 (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