Задать вопрос

По какой логике делают плавный скроллинг?

Бр...
Как-то находила библиотеку, сейчас [s]пролюбила её[/s] уже интересно, как проходит реализация на jquery?
Сам алгоритм интересен.
  • Вопрос задан
  • 2620 просмотров
Подписаться 3 Оценить 2 комментария
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Решения вопроса 1
pandaWarrior
@pandaWarrior
фронтендер
Привет! Как-то находила вот это решение, так и пользуюсь.
jQuery(function() {
	jQuery('a.anchor').bind('click',function(event){
		var $anchor = jQuery(this);
		jQuery('html, body').stop().animate({
			scrollTop: jQuery($anchor.attr('href')).offset().top
		}, 800,'easeOutQuad');
		/*
		if you don't want to use the easing effects:
		$('html, body').stop().animate({
			scrollTop: $($anchor.attr('href')).offset().top
		}, 1000);
		*/
		event.preventDefault();
	});
});

Для ссылки прописываем
<a class="anchor" href="#уникальный-анкор">Наша ссылка</a>

В нужном месте страницы ставим <a id="уникальный-анкор"></a>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы