javascript - 如何用纯js(angular)写一个返回顶部的按钮？(如下图)-PHP中文网问答

javascript - 如何用纯js(angular)写一个返回顶部的按钮？(如下图)

天蓬老师 2017-04-11 12:28:55

[JavaScript讨论组]

460

天蓬老师

欢迎选择我的课程，让我们一起见证您的进步~~

全部回复(6)

PHPz2017-04-11 12:30:55 6楼

document.getElementById("btn").onclick=function(){
    window.scrollTo(0,0);
}

赞 +0

添加回复

PHP中文网2017-04-11 12:30:55 5楼

$(window).scroll(function() {

                if ($(window).scrollTop() > 100) {
                    $("#back-to-top").fadeIn(1500);
                } else {
                    $("#back-to-top").fadeOut(1500);
                }
            });

赞 +0

添加回复

大家讲道理2017-04-11 12:30:55 4楼

js: window.scrollTo(0,0); //直接上移
jq: $(document).animate({
       scrollTop: "0px"
    }, 1000);  //带运动上移
html: 锚点 //直接上移

赞 +0

添加回复

迷茫2017-04-11 12:30:55 3楼

http://api.jquery.com/scrollTop/
你还是要按钮的样式？

赞 +0

添加回复

PHPz2017-04-11 12:30:55 2楼

这个可以用锚链接的吧，直接href指向顶部

赞 +0

添加回复

黄舟2017-04-11 12:30:55 1楼

纯JS ?确定不是HTML+CSS？

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>