inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트

강의 잘 보구 있습니다.

174

moonjulu

작성한 질문수 2

0

section8 예제에서 모바일일때 위에서부터 스크롤을 할때 확 내리지 않고 천천히 내릴경우 시계안에 이미지 사진이 마지막 네번째 사진이 먼저나오구

스크롤을 한번더 하면 첫번째 사진부터 나오는데 ㅠㅠ 어떻게 수정해야할까요

javascript 인터랙티브-웹 jquery HTML/CSS

답변 1

0

깡코딩

안녕하세요 moonjulu님 :D

몸살이 걸려서 답변을 지금에서야 확인했습니다.

질문주신 내용을 확인해 보니 if문 처리 과정에서 실수가 있었습니다.

-섹션8 모바일 슬라이더 첫번째 이미지가 제대로 나오지 않던 문제 -

섹션8-3,8-4 모바일을 처리하는 if문을 보게되면

if(percent > 85 || percent < 0 ) {

imageChange(imgWidth * 3); 

...

다음과 같은 조건일때 슬라이더를 이동시키도록 되어있었는데요

이 부분이 문제가 되었고 이 부분을 다음과 같이 수정했습니다.

if(percent < 0 ) {

imageChange(imgWidth * 0);

...

퍼센트가 0보다 작을경우 슬라이더 첫번째 이미지가 그대로 있도록 수정되었습니다.

수정된 예제파일을 새로 업로드 해두었습니다. 20201126_ggang_lesson.zip

불편을드려 죄송합니다 :)

감사합니다:)

다음강의 언제나오나요 다음강의는 인터렉티브한 전체적인 웹사이트였으면 좋겠네요

0

197

1

반응형에 대해 질문이 있습니다 !

0

366

1

날짜 카운트를 활용하여 시간으로 적용해볼 수 있나요?

0

379

1

함수가 정의되기 전에 함수 호출

0

343

1

섹션12 보너스 챕터에 관한 질문입니다!

0

468

1

5-3-1 강좌 섹션 질문 합니다.

0

312

1

죄송합니다만 해당 프로젝트를 리엑트로 수정해서 만들어보고있는중에 질문드립니다.

1

463

3

화면 높이 관련 질문 있습니다.

1

433

1

선생님

0

370

1

5-2 vanilla.html 질문합니다.

0

422

1

5-3-2 질문입니다.

1

293

1

5-2 추가 질문이요

0

345

2

5-2 ! 질문이요.

0

266

1

안녕하세요!

0

272

1

질문드립니다.

1

366

2

질문드립니다.

0

1664

3

색션6강 카운트관련 문의드립니다!

0

238

1

섹션5 관련 질문드립니다.

0

261

1

setProperty 를 재활용 하고싶습니다.

0

210

1

IntersectionObserver

0

255

1

offsetheight와 scrollheight

0

398

1

완성된코드를 그대로 가져왔는데 크기가 이상해요

0

428

2

2:56에 10씩 증가시키는건 어떻게 하신건가요?

0

315

1

<script>에 $(function(){})으로 감싸준 이유

0

207

1