Анимация при переключении якорной навигации?

Question

[Gor321]

Здравствуйте! Подскажите, как реализовать следующее.
Есть сайт с якорной навигацией, при нажатии на ссылку на якорь перемещаемся на нужный участок, как сделать так, чтобы при достижении нужного положения включалась анимация подпрыгивания?
Пытался добавить {duration: 1000, easing: 'easeOutBounce'} к исходному коду, но что то не выходит

<nav class="menu">
				<ul>
					<li><a href="#info"><span>1</span></a></li>
					<li><a href="#quiz"><span>2</span></a></li>
					<li><a href="#super"> <span>3</span></a></li>
					<li><a href="#rules"><span class="rules-span">4</span></a></li>
				</ul>
			</nav>

$(document).ready(function(){
	
	$("nav").on("click","a", function (event) {
        event.preventDefault();
        var id  = $(this).attr('href'),
        top = $(id).offset().top;
        $('body,html').animate({scrollTop: top}, 800);
	 });
});

Comments

[Николай Чуприк]

Могу ошибаться, но разве easeOutBounce есть в стандартном jQuery? Не требуется ли дополнительная библиотека?

Answer 1

[AngReload]

Просто подключите плагин jquery.easing

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>