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
- Elastic Beanstalk
- Route53
- Android
- 카카오톡
- 감사일기
- hybrid
- AWS
- php
- JavaScript
- react
- ios
- beanstalk
- nextjs
- angular
- 페이스북
- 도메인
- https
- 안드로이드
- S3
- node
- fanzeel
- cors
- TypeScript
- 알려줌
- 네이티브
- 웹뷰
- swift
- node.js
- angular4
- NeXT
Archives
- Today
- Total
쪼렙 as! 풀스택
Next.js - Router.push() 로, 라우팅 이동 후, 맨 위로 스크롤 본문
Next.js 의 Router 을 이용해서 라우팅을 변경할 경우,
스크롤이 맨 처음으로 이동하지 않고 유지하고 있다.
그래서 보통은 componentDidMount() 에서 window.scrollTo(0,0) 을 하는 방법들이 많이 보이는데,
이럴 경우, 백버튼을 눌렀을 때도 무조건 맨 위로 올라가게 되어있다.
백버튼을 눌러서 다시 이동했을 때는, 스크롤유지가 되기를 원한다면,
Router.push().then() 안에서, scrollTo() 를 해준다.
const asHref = "/page/"+pageUri+"/report/"+reportId
Router.push({pathname: '/ReportDetail', query: {uri:pageUri, reportId:reportId}}, asHref)
.then((() =>window.scrollTo(0,0) ))
'개발 일지 > Web & Server' 카테고리의 다른 글
문자열 클립보드에 복사하기. (0) | 2018.07.25 |
---|---|
Next.js - next/dynamic 이용해서, 특정 컴포넌트 SSR 안하고, 클라이언트에서만 렌더링하기. (0) | 2018.07.18 |
Javascript - File 로부터 blobURL 가져오기 (0) | 2018.06.29 |
18.06.12 Javascript - Promise 객체 다루기. (0) | 2018.06.12 |
React, Next, Express, mobX, axios, scss 환경 꾸미기. (1) | 2018.06.11 |
Comments