Как заскролить страницу до определонго блока?

Question

[aibaaa]

Как можно одного button плавно про скролить вниз до определённого button.

Answer 1

[Володимир Паламар]

статья на w3schools

html {
  scroll-behavior: smooth;
}

Answer 2

[Виталий Першин]

На чистом js:

let el = document.querySelector('#target');
	let coords = el.getBoundingClientRect();
	window.scrollTo({
		top: coords.top + window.scrollY,
		behavior: "smooth",
	});

На jQuery:

$("html, body").animate({
            scrollTop: $('#target').offset().top
        }
    );

Answer 3

[TheOnlyFastCoder2]

1.Способ через js (ванильный)

2. Способ
как было выше сказано можно задать контейнеру свойство scroll-behavior: smooth;
Обязательно добавьте ссылки на id блока , в данном случаи секции

<nav>
  <ul> 
    <li class="sectButton"> <a href="#one">1</a></li>
    <li class="sectButton"> <a href="#two">2</a> </li>
    <li class="sectButton"> <a href="#three">3</a></li>
    <li class="sectButton"> <a href="#four">4</a></li>
  </ul>
</nav>
<main>
  <div class="main_wrapper" style="scroll-behavior: smooth;">
    <section id="one">1</section>
    <section id="two">2</section>
    <section id="three">3</section>
    <section id="four">4</section>
  </div>
</main>

Answer 4

[sweet1232]

через тег a. если я правильно понял.

Comments

[aibaaa]

Так мне надо плавно в низ а она резко переходит

[sweet1232]

aibaaa, в css пропиши transition: 0.5s;