どのように瞬時にジャンプするのではなく、一番上に戻るトップリンクのスクロール

Question

私のページのフッターには、ページの先頭に瞬時にジャンプする「トップに戻る」ボタンがあります。私はどうすればそれを上にすばやくスクロールできるようにすることができますか？

Answer 1

あなたはこれらのjavascript機能を追加することができます。この関数呼び出しを追加]ボタンを

function ScrollTo(name) { 
    ScrollToResolver(document.getElementById(name)); 
} 

function ScrollToResolver(elem) { 
    var jump = parseInt(elem.getBoundingClientRect().top * .2); 
    document.body.scrollTop += jump; 
    document.documentElement.scrollTop += jump; 
    if (!elem.lastjump || elem.lastjump > Math.abs(jump)) { 
    elem.lastjump = Math.abs(jump); 
    setTimeout(function() { 
     ScrollToResolver(elem); 
    }, "100"); 
    } else { 
    elem.lastjump = null; 
    } 
} 

とよりを：

コンテンツの非常にフォルスト要素がクラス「トップ」

を持って

<button onclick="ScrollTo('top')">Back to Top</button>