Воскресенье, 24 января 2016 14:26

Как сделать плавный скролл до якоря

У вас обязательно должен быть подключен jQuery!

В конце вашего html документа вставьте следущий код:

<script>
jQuery(document).ready(function($){
		jQuery('a[href^="#"]').bind('click.smoothscroll',function (e) {
			e.preventDefault();
			var target = this.hash,
			$target = jQuery(target);
			jQuery('html, body').stop().animate({
				'scrollTop': $target.offset().top
			}, 900, 'swing', function () {
				window.location.hash = target;
			});
		});
	});
</script>

Вот и всё. Создайте элемент с нужный id, а также ссылку на этот id. Напиример:

<a href="#my_top">Ссылка вверх</a>

Получится:

Ссылка вверх

Опубликовано в Javascript, jQuery

Хотите заказать создание сайта?

Создание сайтов в Саранске и других городах России - это основное направление моей деятельности. Если вы решите создать интернет-ресурс, всегда разумно обратиться за помощью к профессионалу. Я предлагаю выгодную стоимость создания любого сайта, и если вы обратитесь ко мне, то получаете качественный ресурс с высокой конверсией.

Если у вас есть вопрос или хотите заказать сайт - заполните форму обратной связи или перезвоните мне. Всегда рад сотрудничеству с Вами!

Расчет стоимости проекта

Заказать сайт

Ваше имя(*) Только русские символы
Ваш email(*) Неверный ввод
Сообщение Только буквы и цифры