다른 섹션이 위에 있을때 방법 ㅠㅠ
320
작성한 질문수 2
해당 인터렉션을 3번째 섹션에 넣고싶은데 포지션 스티키로 사용해도
위의 1번째 2번째 섹션에서 인터렉션이 진행되어 정작 3번째 섹션에서는 보이지 않습니다 ㅠㅠ
이럴때는 어떻게 사용해야 할까요.. ㅠㅠ 도와주세요..
답변 2
0
안녕하세요 :)
해당 질문을 해결하는 방법은! 섹션2 ~ 11까지 계속 설명하고 있으니 여유가 있다면 다시 한번 수업을 들어보시면 좋을 것 같습니다 :)
급하신것 같으니 해결 방법을 알려드릴게요~!
섹션12 complete.html 수식을보면
거리를 구하는 수식이 있는데요 다음과 같이 수정하면 됩니다.
var dis = ($(window).scrollTop() - $('.scroll_box').offset().top) / (( $('.scroll_box').height() - $(window).height()) / 4);
변경된 부분은 $(window).scrollTop() 에서 $('.scroll_box').offset().top 값을 빼고 나눠주게 되면 원하는 프로그레스 값을 얻을 수 있습니다.
그럼 또 다른 궁금증이 생기면 문의주세요 ^^
다음강의 언제나오나요 다음강의는 인터렉티브한 전체적인 웹사이트였으면 좋겠네요
0
214
1
반응형에 대해 질문이 있습니다 !
0
386
1
날짜 카운트를 활용하여 시간으로 적용해볼 수 있나요?
0
388
1
함수가 정의되기 전에 함수 호출
0
360
1
섹션12 보너스 챕터에 관한 질문입니다!
0
479
1
5-3-1 강좌 섹션 질문 합니다.
0
325
1
죄송합니다만 해당 프로젝트를 리엑트로 수정해서 만들어보고있는중에 질문드립니다.
1
485
3
화면 높이 관련 질문 있습니다.
1
442
1
선생님
0
378
1
5-2 vanilla.html 질문합니다.
0
436
1
5-3-2 질문입니다.
1
302
1
5-2 추가 질문이요
0
365
2
5-2 ! 질문이요.
0
272
1
안녕하세요!
0
280
1
질문드립니다.
1
374
2
질문드립니다.
0
1683
3
색션6강 카운트관련 문의드립니다!
0
246
1
섹션5 관련 질문드립니다.
0
274
1
setProperty 를 재활용 하고싶습니다.
0
220
1
IntersectionObserver
0
264
1
offsetheight와 scrollheight
0
402
1
완성된코드를 그대로 가져왔는데 크기가 이상해요
0
438
2
2:56에 10씩 증가시키는건 어떻게 하신건가요?
0
320
1
<script>에 $(function(){})으로 감싸준 이유
0
212
1