inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

인터랙티브 개발 실무 끝장내기 [역량 강화편]

배너 형식 페이징 - 스크롤 애니메이션

scrollTo 질문

283

흑우

작성한 질문수 1

0

안녕하세요.
영상에 있는 예제 그대로 작성도해보고, 업로드 된 예제 수정없이 그대로 실행해봤는데 그 부드럽게 넘어가는 모션(?)(영상에서 5분쯤)이 되지 않습니다.
네이버 웨일 브라우저, 크롬 브라우저에서 테스트했는데 전혀 작동을 안합니다 ㅠㅠ
해결 방법이 있을까요?

인터랙티브-웹 javascript

답변 1

1

코딩일레븐

안녕하세요. 

smooth가 안 된다고 하시는건지

scrollTo 이동이 안 되시는 건지 모르겠네요.

console창 열어서 확인 한 번 해봐주세요. 어떤 에러가 나고 있는지요.

그리고

https://codepen.io/yahao2512/pen/jOmKgGo

위 페이지 열어보시겠어요? 방금 테스트 해봤습니다.

0

흑우

 smooth 동작이 안 되는 것 같습니다. 클릭하면 모션없이 바로 이동이 되어버립니다. ㅠㅠ

콘솔 창에는 오류 메시지가 나타나지도 않구요... ㅠㅠ

말씀해주신 페이지에 들어가서 [top], [bottom] 눌러도 바로 이동이 되네요..

제 PC 쪽에서 뭔가 설정이 잘못된걸까요??

1

흑우

해결 방법 찾았습니다. 웨일에서는 안되는 것 같고 크롬 브라우저에서 아래의 해결 방법을 따라 smooth scrolling 설정을 건드리니 되는 것 같습니다. 

https://stackoverflow.com/questions/62098093/scroll-behaviour-smooth-not-working-at-all

모바일 스와이프 구현 마지막 숙제

0

419

2

레퍼런스 사이트

0

354

1

스크롤위치에 따른 페이지 변화에서

0

280

1

배열을 이용한 bg컬러 변경 강의에서 tagname body에 [0]이 왜 붙나요?

0

395

1

스크롤 위치에 따른 페이지 변화 - scroll 이벤트 에 대한 질문

0

685

1

페이징.페이지고정2 질문드립니다.

0

466

1

scrollTo 완성본

0

615

2

모바일 3D 입체 카드 제작 아이폰에서 에러

0

392

1

css 질문 드립니다

0

630

1

css 질문

0

292

1

pointBtn.addEventListner("click")

0

315

2

if문의 첫번째 조건 질문 있습니다~

0

290

1

offsetTop, offsetHeight

0

796

2

기존의 축 회전값에 더해서 rotate

0

323

1

모바일 드래그 강의 질문드립니다!

0

262

1

질문입니다.

0

228

1

GSAP(트윈맥스) 라이센스 관련 질문 드립니다.

0

1667

1

wrap 안에 click 이벤트

0

230

1

greensock을 사용하려면

0

705

1

TweenMax 효과 리셋

0

536

1

max 이상으로 입력했을 때 질문입니다.

0

198

1

dom에서 직접i nput의 value 값을 갖고 나오는 것에 대해

0

376

1

화살표 회전 질문

0

270

1

질문이용~

0

225

1