자바 스크립트에서 위로 부드럽게 스크롤

Question

나는 현재의 코드보다 훨씬 길지 않은 순수 JS로 부드럽게 맨 위로 스크롤하고 싶습니다.

var textdiv = document.getElementById('infoblok'); 
    var currentscroll = textdiv.scrollTop; 
    for(i = currentscroll; i>0; i--){ 
     textdiv.scrollTop = currentscroll-1; 
    } 

Answer 1

이 도움이 될 수 : 이제, 그냥

코드 (나는 그것이 픽셀 생각) x 1 픽셀을 스크롤합니다. 나는 방금 빠른 구글 검색을했다.

https://coderwall.com/p/hujlhg/smooth-scrolling-without-jquery

Answer 2

이 작업에 가장 적합한 라이브러리가 있습니다.

그러나 시도해 볼 수는 있지만 원하지 않는 사용자 경험을 일으킬 수있는 스크롤하는 동안 사용자가 상호 작용할 수 있습니다. (2) 비동기로 페이지가 고정되지 않도록해야합니다.

var textdiv = document.getElementById('infoblok'); 
var currentscroll = textdiv.scrollTop; 
var interval = setInterval(function() 
{ 
    if(textdiv.scrollTop <= 0) clearInterval(interval); 
    textdiv.scrollTop -= 1; 
}, 10); 

이 예제는 10ms마다 한 번에 1px 위로 스크롤합니다. 다른 스크롤 속도에 대해 1과 10으로 재생할 수 있습니다.