Button (back to bottom)

Question

how do I change my function, to go to the bottom of the page instead to top ?

    $(window).scroll(function() {
   if ($(this).scrollTop() > 100) {
     $('.back-to-top').fadeIn('slow');
   } else {
     $('.back-to-top').fadeOut('slow');
   }
 });

 $('.back-to-top').click(function() {
   $('html, body').animate({
    scrollTop: 0
  }, 1500, 'easeInOutExpo');
  return false;
 })

thats the a tag

    <a href="#about" class="btn-get-started scrollto">Contact</a>

Give `scrollTop` a value which is the length or longer than the height of the page — Rory McCrossan, Jan 20 '21 at 13:05
`scrollTop: 0` takes you to the top of the page. Thinking logically, what would you expect to happen if you give it a larger value? — Rory McCrossan, Jan 20 '21 at 13:07
Does this answer your question? [jQuery Scroll To bottom of the page](https://stackoverflow.com/questions/4249353/jquery-scroll-to-bottom-of-the-page) — Mohammad, Jan 20 '21 at 13:09

score 1 · Answer 1 · edited Jan 20 '21 at 15:36

1

$(window).scroll(function() {
  if ($(this).scrollTop() > 100) {
    $('.back-to-top').fadeIn('slow');
  } else {
    $('.back-to-top').fadeOut('slow');
  }
});

$('.back-to-top').click(function() {
  $('html, body').animate({
    scrollTop: $(document).height()
  }, 1500, 'easeInOutExpo');
  return false;
})

edited Jan 20 '21 at 15:36

Paulo Mendonça

635
12
28

answered Jan 20 '21 at 13:11

masoud jamshidi

11
1

Button (back to bottom)

1 Answers1