jQuery 애니메이션으로 스크롤 속도를 낮추는 방법은 무엇입니까?
$('#go-to-top').click(function() {
$(window.opera ? 'html' : 'html, body').animate({
scrollTop: 0
}, 80);
});
애니메이션 방법에 대한 문서는 다음과 같습니다 .
"duration"인수를 사용하여 애니메이션 속도를 변경할 수 있으며 "easing"인수와 함께 일부 사용자 지정 여유 함수를 제공하여 애니메이션 동작을 변경할 수 있습니다.
귀하의 경우 다음을 수행하여 애니메이션 "속도"를 지정할 수 있습니다.
$('#go-to-top').click(function() {
$(window.opera ? 'html' : 'html, body').animate({
scrollTop: 0,
}, 1500); // 1500 here is the duration of animation in the milliseconds (seconds * 1000)
});
또한 더 나은 호환성을 위해 window.opera를 jQuery의 $ .browser.webkit으로 교체하는 것이 좋습니다. 문서를 참조하십시오.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다