Почему не работает плавная прокрутка до якоря?
Перемещение происходит моментально, ниже html и sccript к вопросу:
<div class="block-4_program-item-cost">
<div class="block-4_program-item-cost__suptitle">Стоимость курса</div>
<div class="block-4_program-item-cost__now">6 800 руб</div>
<div class="block-4_program-item-cost__old">15 000 руб</div>
<div class="block-4_program-item-cost__btn">
<a id="btn-buy-course-1" href="#block-6">
<button class="btn-primary btn-primary block-4_program-item-cost__btn-cost">
купить курс
</button>
</a>
</div>
</div>
$(document).ready(function() {
/**
* ЗАПИСАТЬСЯ начало
**/
$("#btn-buy-course-1").on("click","a", function (event) {
event.preventDefault();
var id = $(this).attr('href'),
top = $(id).offset().top;
$('body,html').animate({scrollTop: top}, 1500);
});
$("#btn-buy-course-2").on("click","a", function (event) {
event.preventDefault();
var id = $(this).attr('href'),
top = $(id).offset().top;
$('body,html').animate({scrollTop: top}, 1500);
});
/**
* ЗАПИСАТЬСЯ конец
**/
});