JavaScript温故:backtopボタンを作ります.

backtopボタンは、コンテンツがスクロールされるときに、ユーザーに上に戻るのに便利です.backtopボタンを作るには、ブラウザに対してこの要素が固定されていて、コンテンツのスクロールに従ってスクロールしないことをブラウザに伝えることがポイントです.コード:

    
↑
    
Try Scroll Down
    
        var d = document.getElementById("top");
        var threshold = 100
        function toggle(){
          if (document.body.scrollTop > threshold)
            d.style.display = 'block'
          else
            d.style.display = 'none'
        }
        window.addEventListener('scroll', toggle);   
        d.addEventListener("click",function (e) {
            e.preventDefault();
            window.scrollTo(0, 0)
        })
    
    
    

この効果を達成する方法はcssの特性を使うことです.

    position:fixed;

属性の組み合わせ:

    bottom: 40px;
    right: 40px;

この要素は右下の角に対して40 px、40 pxの位置に固定されているとブラウザに教えてください.