分享
是一种美德

如何用纯js(angular)写一个返回顶部的按钮?

document.getElementById("btn").onclick=function(){
    window.scrollTo(0,0);
}
$(window).scroll(function() {
  if ($(window).scrollTop() > 100) {
  $("#back-to-top").fadeIn(1500);
  } else {
  $("#back-to-top").fadeOut(1500);
  }
});
js: window.scrollTo(0,0); //直接上移
jq: $(document).animate({
       scrollTop: "0px"
    }, 1000);  //带运动上移
html: 锚点 //直接上移
分享按钮
赞(3)
转载请注明来源地址:MN乐享 » 如何用纯js(angular)写一个返回顶部的按钮?

评论 抢沙发

评论前必须登录!