많은 CSS 효과와 CSS 애니메이션이 적용된 이미지가있는 페이지가있는 경우 requestAnimationFrame 루프에서 window.scrollTo을 사용하여 성능 향상을 얻을 수 있습니까? jQuery의 $("html").animate({ scrollTop: "x" })을 프로그래밍 방식으로 사용하면 성능 향상을 얻을 수 있습니까? 페이지를 특정 지점 "x"로 스크롤 하시겠습니까?jQuery 애니메이션 scrollTop 대 requestAnimationFrame - 성능
T1 내지; DR - .animate({scrollTop: "x"}) 성능
감사 대 RAF + window.scrollto()!
window.scrollTo()은 기본 JavaScript이기 때문에 더 빠릅니다. $()과 .animate()은 각각 window.scrollTo() 호출보다 더 많은 시간이 걸리기 때문에 jQuery에 대한 호출은 더 느립니다. .animate({scrollTop ...을 사용하지 않고 시간 낭비없이 $("html").scrollTop()을 사용할 수 있기 때문에 낭비입니다. 어쨌든 window.scrollTo()은 그보다 더 빠르며 크로스 브라우저가 가능하다는 장점이 있습니다. 나는 당신이 스크롤을 움직이게하지 않을 것이라면 그것을 사용할 것이라고 말할 것이다.
면책 조항 : 성능 차이는별로 없을 것입니다.
.animate()는 시간 지정없이 400ms로 기본 설정됩니다. 원시 js를 사용하면 성능이 약간 향상 될 것이라고 확신합니다. .animate()에 대한 rAF를 사용하면 junk가 피하는 데 도움이되는지 궁금합니다. http://www.html5rocks.com/en/tutorials/speed/rendering –
시도해 보셨습니까? 당신은 무엇을 보았는가? – epascarello
아직 시도하지 않았습니다. 나는 rAF에 매우 익숙하며, 성능 향상이 있다면, 내 시간의 가치가 있는지 궁금해하고 있습니다. –
나는 이것에 대해서도 궁금합니다. 저는 시차 사이트를 만들고 있어요. 스크롤되는 애니메이션은 때때로 고르지 않을 수 있습니다. 너 아직 이걸 시도 했니? – user1574041