Страница с картой яндекса составленной в конструкторе карт. Под картой описание каждой точки на ней. У каждой точки на карте ссылка на якорь ниже.
Карта вызывается через тег вида
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?sid=0DjJzvmy4tmRmdqwCASHpQXtV0Bd0E1m&width=100%&height=500&lang=ru_RU&sourceType=constructor&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>
В идеале, хотел чтобы скролл к якорю срабатывал при нажатии на точке на карту, но это не в моих силах:) Поэтому сделал в описании каждой точки ссылку на якорь.
В итоге переход остается резким, скрипт не срабатывает.