欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-06 12:01:11
顶部: $(".back_top").click(function () { scrollTo(0, 0); }); function goTop() { $('html, body').animate({scrollTop:0}, 'slow'); } 底部: $(".back_bottom"). ......

顶部:

$(".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'); 

}