마우스 휠로 전체 페이지 영역 넘기기 지난번 마우스 휠로 input 넘버 값 up, down 작업을 했었다.응용해서 작업 하나 더 했는데 올린다. HTML박스1입니다.박스2입니다.박스3입니다.박스4입니다.박스5입니다.박스6입니다.박스7입니다.박스 7개 생성.몇 개를 생성해도 상관없다.하지만 구분을 위해 class로 css 추가했기 때문에 구분을 위한다면 똑같이 추가할 것. CSSbody,div{ margin:0; padding:0;}div{ display: flex; align-items: center; justify-content: center;}.box1{background-color:red;}.box2{background-color:orange;}.box3{background-color:yellow..
마우스 휠로 0 ~ 100까지 숫자 조절이 가능하게 하는 작업을 하게 되었다. 비록 취소되어 사용은 안했지만, 간단하게 검토하던 것을 적어두려고 한다! 처음에는 태그를 사용하여 간단히 작업하려고 했는데, 정책상 브라우저 호환에 문제가 있어서 태그로 작업을 진행하게 되었다. HTML jQuery // Firefox $('#target').on('wheel', function(e){ e.preventDefault(); var num = $(this).val(); if(e.originalEvent.deltaY = 100) return false; console.log('업'); }else{ if(num 0){ if(num >= 100) return false; $(this).val(n..
- Total
- Today
- Yesterday
- 리액트
- 아티클
- React
- vue.js
- 제이쿼리
- Study
- 프로젝트
- jQuery
- VUE
- JS
- 뷰
- frontend
- Method
- 메서드
- 브라우저
- 차이
- 타입스크립트
- 프론트엔드
- 자바스크립트
- 코딩애플
- 기초
- 제로초
- JavaScript
- Article
- 공부
- css
- 강의
- html
- 통신
- TypeScript
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |