Go to the bottom of the page

Question

Hi, I was wondering how you do to do when the person clicks, will go to the bottom of the page. If you can teach me I thank you!! In this case it was when clicked on some of these texts, http://prntscr.com/by6y69

Answer 1

To scroll to the bottom of the page:

$('#down').on('click', function() {
  $('html, body').animate({
    scrollTop: $(document).height()
  }, 700);
});

#div1 {
 height: 1000px;
 background-color: red;
}
#div2 {
  height: 200px;
  background-color: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1">
  <button id="down">IR LÁ PARA BAIXO</button>
</div>
<div id="div2"></div>

To scroll to a certain element:

var ele = $('#div2');
$('#down').on('click', function() {
  $('html, body').animate({
    scrollTop: ele.offset().top
  }, 700);
});

#div1 {
 height: 1000px;
 background-color: red;
}
#div2 {
  height: 800px;
  background-color: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1">
  <button id="down">IR PARA DIV2</button>
</div>
<div id="div2"></div>

NOTE that in a real project in principle it is necessary to put the height on Ivs, as the height of these should be defined by their content