Question

返回顶部用锚点好还是jquery好

Answer 1

各有优缺点，锚点的话简单、直观、兼容性最佳，不用担心客户端JS未加载成功的情况，但效果比较生硬；jquery在实现效果上更炫一点，能实现滚动到顶部的过渡动画，但当js功能失效时，就完全无法实现返回顶部的功能了。可以把两者结合起来，在页面顶部设一个锚点（例如：<header id="top">），返回顶部的按钮的href属性设置为“top”（锚点的id），并加上onclick事件：

$('#backTop').click(function(e) {
    e.preventDefault();  // 取消事件的默认动作
    $('body').animate({scrollTop:0}, 400);
});

这样的话当这段js失效时（例如由于网络原因未加载成功），返回顶部功能也不会失效。