点击网页底部的top按钮直接回到网页顶部,怎么做?用js怎么表达

看你是否需要到顶部的动画效果，如果不需要动画效果而是直接回到网页顶部，那么根本不需要去使用JS。

如：在页面的最顶端设置锚点 <a name="top"></a>

然后在回到顶部的top按钮加连接 <a href="#top">top</a>就可以了

当然JS也能实现，主要是给scrolltop赋值为0，从而回到页面顶部。

HTML:

<button id="gotoTop" class="gotoTop" type="button">To the top</button>

JS:

window.onload = function () {

    document.getElementById('gotoTop').onclick = function () {

        scrollTo(document.body, 0, 100)

    }

}

function scrollTo(element, to, duration) {

    if (duration < 0) return

    var difference = to - element.scrollTop

    var perTick = difference / duration * 10

    setTimeout(function () {

        element.scrollTop = element.scrollTop + perTick

        scrollTo(element, to, duration - 10)

    }, 10)

}

CSS:

.gotoTop {

    position:fixed

    right:20px

    bottom:20px

}

---