Задать вопрос
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>

В идеале, хотел чтобы скролл к якорю срабатывал при нажатии на точке на карту, но это не в моих силах:) Поэтому сделал в описании каждой точки ссылку на якорь.
В итоге переход остается резким, скрипт не срабатывает.
  • Вопрос задан
  • 228 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

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