JavaScriptでスムーズにスクロールアップ

Question

純粋なJSでスムーズに上にスクロールしたいと思います。

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

Answer 1

これが役立つことがあります。今、それだけで

コードスニペット（私はそれがピクセルだと思う）1ピクセルをスクロールします。私はちょうど簡単なGoogle検索をしました。

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

Answer 2

このタスクに最適なライブラリがあります。

しかし、これを試すことができますが、（1）望ましくないユーザーエクスペリエンスを生じるスクロール中にユーザーが対話する可能性があること、（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で異なるスクロール速度でプレイすることができます。