Novitsky
@Novitsky
Веб-разработчик, дизайнер, фотограф

Как настроить скрипт прокрутки страницы к якорям?

Здравствуйте.
Есть скрипт плавной прокрутки страницы к якорям:
$('a.scroll').click(function() {
	$('html, body').animate({
		scrollTop: $($(this).attr('href')).offset().top
	}, 700);
	return false;
});

Живой пример.

Поскольку блок с навигацией fixed, то, либо часть контента скрывается под навигацией, либо приходится у блоков делать большой верхний отступ, высотой с блок навигации.
Как сделать, чтобы блоки с якорями прокручивались не до самого верха страницы, а с небольшим отступом сверху?
  • Вопрос задан
  • 185 просмотров
Решения вопроса 1
kn1ght_t
@kn1ght_t
$('a.scroll').click(function() {
  $('html, body').animate({
    scrollTop: $($(this).attr('href')).offset().top-100
  }, 700);
  return false;
});

где 100- размер вашей навигации в пикселях
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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