@aibaaa

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

Как можно одного button плавно про скролить вниз до определённого button.
  • Вопрос задан
  • 49 просмотров
Решения вопроса 3
Get-Web
@Get-Web Куратор тега CSS
Front-End Developer
На чистом 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
        }
    );
Ответ написан
@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>
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@sweet1232
через тег a. если я правильно понял.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы