码迷,mamicode.com
首页 > 其他好文 > 详细

实现点击到底部、顶部、指定div功能

时间:2018-12-26 22:18:20      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:offset   div   ima   font   nim   animate   document   mat   odi   

顶部:

$(".back_top").click(function () {
  scrollTo(0, 0);
});

function goTop() {

  $(‘html, body‘).animate({scrollTop:0}, ‘slow‘);

}

底部:

$(".back_bottom").click(function () {
  $(‘html,body‘).animate({ scrollTop: document.documentElement.scrollHeight }, 800);
});

function goBottom(){

  window.scrollTo(0, document.documentElement.scrollHeight-document.documentElement.clientHeight);

}

指定div:

function goDiv(div) {

  var a = $("#"+div).offset().top;

  $("html,body").animate({scrollTop:a}, ‘slow‘); 

}

 

实现点击到底部、顶部、指定div功能

标签:offset   div   ima   font   nim   animate   document   mat   odi   

原文地址:https://www.cnblogs.com/simplemoe/p/10181967.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!