일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- react
- 웹뷰 페이지 로딩
- React-Native 공부
- react이론
- 퍼블리셔
- safari wiondow.open
- slick slider 간격
- 트윈맥스 기초
- gsap 기초
- styled component is not working
- 리액트
- reactnative 웹뷰 페이지 로딩
- gsap
- styled component 작동 안될때
- 타입스크립트
- React Native SafeArea Custom
- SafeArea 커스텀
- js 특정 위치로 이동
- react native safeArea
- styled component 작동안함
- 임고미
- JS
- styled component
- input 숫자입력
- scrollIntoView scrollTo
- RN navitate push
- React Native navigation
- rn webview page loading
- 프론트앤드
- React-Native IOS
Archives
- Today
- Total
목록js 특정 위치로 이동 (1)
개발공부 임고미
[JavaScript] 타겟 위치로 이동시키기
특정 element위치로 이동시킬경우 element의 위치를 구해서 scrollTo를 사용해주고 있었다. 그러나 더 쉬운 방법을 찾아 공유해보고자 한다.. 키워드는 scrollIntoView 1 2 3 4 item1 item2 item3 item4 해당 엘리먼드 위치로 바로 이동한다,.. 위의 테스트 코드는 버튼을 클릭하면 해당 아이템 시작점으로 스크롤해준다. 그런데 만약,, 맨위에 찰삭 붙게하고 싶은게 아니라 위에 여백을 남기고 싶은 경우에는 어떻게 해야할까 ? 이 경우에는 scrollIntoView 만으로는 해결할 수가 없다. 1. scrollIntoView 를 이용하는 방법 target.scrollIntoView(); window.scrollBy(0, -margin); 2단계로 해당 기능을 구현할 ..
카테고리 없음
2022. 6. 29. 13:51