When clicking a button, how to make the screen slide down

Question

I have an area with prices, and I have a button right next to "have more details", I want that when you click this button, the screen slide down the page that is where I have the "contact" section. I wish I knew how to make this "slip"

Answer 1

Do not use the attribute name, that’s deprecated in the latest version of HTML and J. Guilherme’s answer may not work in newer browsers. Use id:

<div id='meuelemento'> <!-- ... --> </div>

And in the <a>:

<a href='#meuelemento'> <!-- ... --> </a>

Answer 2

If you want the screen to slide with animation, you can use the jquery Animate.

$("#button").click(function() {
  $('html, body').animate({
    scrollTop: $("#anchor").offset().top
  }, 2000);
});

Answer 3

Use anchovies:

put it on the button:

<a href="#anchor">botão</a>

and where you want to go you put:

<div id="anchor"></div>