Как сделать плавный переход к нужному div с помощью JS?

Question

[Иван Желудков]

Предположим, что есть меню состоящее из ссылок вида #info, #zakaz. При нажатии на ссылку посетителя мгновенно перемещает в нужную часть страницы. Нужно, чтобы это было плавно. Не какой-то сложный скрипт, который будет скроллить к нужному месту, а смягчение перехода по ссылке, не к определённым ссылкам, а по всем ссылкам на сайте, которые ведут на div-ы. Надеюсь есть какие-то готовые решения.

<a href="#zakaz">Заказать</a>
<a href="#info">Информация</a>

Comments

[Иван Желудков]

Если кому-то интересно могу скинуть реальный пример, где это будет использовано, чтобы можно было понять или просто интересно

Answer 1

[Дмитрий Гукетлев]

jquery.scrollto

А вообще неплохо бы в гугле сначала смотреть

Comments

[Иван Желудков]

Я всегда сначала в гугле смотрю. Не нашёл

[Иван Желудков]

Спасибо, действительно тот самый плагин, который я ищу.

[Назар Мокринский]

Блин, это не плагин, а встроенная функциональность самой популярной JavaScript библиотеки, и то, что вы спрашиваете, рассказывается на куче ресурсов Не издевайтесь же вы! Первый результат поиска: http://bit.ly/1g29QZn

[Иван Желудков]

Ну я же не писал jQuery, я написал как в заголовке, вот и получилось так.

Answer 2

[hulinada]

$("#menu a").click(function(){ 
	elementClick = $(this).attr("href");
	destination = $(elementClick).offset().top;

	$("html,body").stop().animate({scrollTop: destination},2000, "easeInOutExpo",function(){
		window.location.hash = elementClick;
	});

	return false;
});

идет переход к соответствующему ID элемента

Comments

[hulinada]

"easeInOutExpo" - нестандартный изинг анимации можно убрать его вообще

[Иван Желудков]

Правильно ли я понял. Вставляю этот скрипт, затем при переходе по ссылкам начинающимся с # будет плавный переход? Или как

[hulinada]

нет, это будет работать при клике на ссылки <a>, которые внутри элемента с id="menu"

[Иван Желудков]

Ааа, тоже хорошо. Позже протестирую и отпишусь. Возможно это то - что нужно. Попроще будет.