$(document).ready(function(){
$("#first-block").on("click","a", function (event) {
event.preventDefault();
var id = $(this).attr('href'),
top = $(id).offset().top;
$('body,html').animate({scrollTop: top}, 1500);
});
});
если у вас не получается понять в чем проблема, выводите в console.log(все пункты)
у вас id = реальной ссылке, не якорю, он пытается до неё проскроллить и не может...
вот так попробуйте
$(document).ready(function(){
$("#first-block").on("click","a[href^='#']", function (event) {
event.preventDefault();
var id = $(this).attr('href'),
top = $(id).offset().top;
$('body,html').animate({scrollTop: top}, 1500);
});
});