제이쿼리 stop().animate()을 자바스크립트로 바꾸고 싶습니다

Question

제이쿼리에서 자바스크립트로 코딩하는 중인데

제이쿼리의 stop().animate()를 자바스크립트로

어떻게 바꿀 지를 모르겠습니다...

$('html').stop(true).animate({

scrollTop: sectionmaintop

}, 500, function() {

sectionismoving = false;

});

Answer

안녕하세요 자취방님 :)

늦은 시간까지 열심히 공부하고 계시군요!! 화이팅하세요:D

animate에 대해 문의주셨는데요! 먼저 알려드리면 제이쿼리가 자바스크립트입니다 :) 그리고 제이쿼리는 자바스크립트로 만들어진 라이브러리구요! 이해가시죠??? 이부분을 명확히 알고 계셔야 나중에 다른 사람들과 대화를 나눌때 혼란이 없을거에요 :D

그리고 질문주신 내용은 제이쿼리 라이브러리를 사용하지 않고 순수 자바스크립트로 animate를 구현하고 싶다는 말씀이시죠?

질문주신 내용이 수업에 없는 내용이지만 간략하게 알려드리겠습니다. :)

스크립트로 만드는 애니메이트는 2~3가지 방법을 통해 구현할 수 있습니다.

첫번째는 setInterval 함수를 활용해 만드는 방법이구요 아래 주소를 참고해보세요 ^.^

두번째는 requestAnimationFrame을 활용해 만드는 방법입니다. 아래 주소를 참고해 보세요~^.^

세번째는 여러가지 반복문을 통해 만들수 있겠네요~!

마지막으로 첫번째 함수와 두번째 함수는 차이가 있다면 프레임 손실률이 다르고 브라우저 지원 현황이 다릅니다.

interval같은 경우에는 대부분의 브라우저에 대응가능하구요

requestAnimationFrame같은 경우에는 일부 ie(인터넷익스플로러)브라우저에서 지원하지 않습니다.

첨부한 url을 참고해 보시면 브라우저 지원 현황까지 상세히 나와 있으니 참고해서 공부해 보시길 바랍니다:)

그럼 또다른 궁금증이 생길때 언제든 문의주세요 :D