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

Бр...
Как-то находила библиотеку, сейчас [s]пролюбила её[/s] уже интересно, как проходит реализация на jquery?
Сам алгоритм интересен.
  • Вопрос задан
  • 2619 просмотров
Решения вопроса 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>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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