RotarYMonkeY
@RotarYMonkeY
Изучаю HTML, CSS, JS и PHP

Как сделать плавный скролл от ссылки в Я.Картах к якорю?

Страница с картой яндекса составленной в конструкторе карт. Под картой описание каждой точки на ней. У каждой точки на карте ссылка на якорь ниже.
Карта вызывается через тег вида
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?sid=0DjJzvmy4tmRmdqwCASHpQXtV0Bd0E1m&amp;width=100%&amp;height=500&amp;lang=ru_RU&amp;sourceType=constructor&amp;scroll=true"></script>

Подключаю ниже скрипт
<script> 
$(document).ready(function(){
	$("#menu").on("click","a", function (event) {
		event.preventDefault();
		var id  = $(this).attr('href'),
			top = $(id).offset().top;
		$('body,html').animate({scrollTop: top}, 1500);
	});
});
</script>

В идеале, хотел чтобы скролл к якорю срабатывал при нажатии на точке на карту, но это не в моих силах:) Поэтому сделал в описании каждой точки ссылку на якорь.
В итоге переход остается резким, скрипт не срабатывает.
  • Вопрос задан
  • 216 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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