Как сделать кнопку, которая будет скролить вниз до следующего элемента сайта?

Автор вопроса: Kabuki

К примеру, первая часть сайта и на ней кнопка "Read more", нажимая на неё мне нужно что бы страница скролилась до следующей части сайта

Источник

Ответы (2 шт):

Автор решения: Semik

<html>
<head>
// Some code
</head>
<body>
 <a href='#about'>Read more</a>
  //Some code
  <div id='about'>
   <p>Lorem ipsum dolor sit amet...</p>
  </div>
</body>
</html>

→ Ссылка

Автор решения: Tina Gordienko_Drog

у вас есть несколько вариантов:

через html-якоря (<a href="...")
программно: получаете елемент (document.getElement...), берете его offsetTop, потом document.documentElement.body.scrollTo({top: element.offsetTop})

→ Ссылка