backtotop按钮能够在内容转动时，给用户一个返回顶部的轻易。制造一个backtotop按钮的关键是通知浏览器此元素相对于浏览器牢固，而不跟着内容的转动而转动。代码：

    <div href="#" id="top" title="Back to top">&uarr;</div>
    <div id="content" style="height: 2000px;">Try Scroll Down</div>
    <script>
        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)
        })
    </script>
    <style>
      #top {
        position: fixed;
        bottom: 40px;
        right: 40px;
        font-size: 100px;
        z-index: 1;
        cursor: pointer;
        background: #e9ebec;
        display:none;
    }
    #top:hover {
        background: #e9eb00;
    }
    </style>
    

达到此结果的体式格局是运用css的特征

    position:fixed;

而属性组合：

    bottom: 40px;
    right: 40px;

通知浏览器，牢固此元素在相对于右下角的40px，40px位置处。